/*
* style sheet for Tessla
* January, 2013
*/

article,aside,figure,footer,header,hgroup,nav,section{display:block}

html,body,
ul, ol, dl, li,
h1, h2, h3, h4, h5, h6, p{
	margin: 0;	
	padding:0;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

:root {
    color-scheme: only light !important;
}

body {
	font:.8em 'Trebuchet MS', Helvetica, sans-serif;	
	color:#333;
	min-width:980px;
	line-height:1.5;
}

h1 {
	font:normal 3em 'Trebuchet MS', Helvetica, sans-serif;	
	padding-bottom:23px;
	color:#000;
}
h2 {
	font:normal 'Trebuchet MS', Helvetica, sans-serif;	
	padding-bottom:12px;
	color:#000;	
}
h2 a {
	text-decoration:none;
	color:#000;
}
h3 {
	font-style:italic;
	color:#000;
	padding-bottom:5px;
	font-weight:normal;
}
p {
	padding-bottom:14px;
}
a {
	color:#333;
}
a img {border:none;}
.wrapper {
	width:970px;
	margin:0 auto;
}
.wrapper:before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-width:980px;
	height:250px;
	background: #e2e2e2;
	background: -moz-linear-gradient(top,  #e2e2e2 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #e2e2e2 0%,#ffffff 100%);
	content:'';	
	z-index:-1;
}

header.main {
	min-height:125px;
	padding-top:25px;
	position:relative;
	margin-bottom:30px;
}
.logo {margin:10px 0 20px;} /* width:220px; */
.hdr-contacts {
	position:absolute;
	top:30px;
	right:0;
	color:#000;	
	text-align:right;	
}
.hdr-phone {
	font-size:1.8em;
	font-weight:bold;
}
.hdr-phone a {
	text-decoration:none;
}
.hdr-chat,
.hdr-skype {
	display:inline-block;
	background:url(../images/chat.png) no-repeat 0 0;
	padding-left:20px;
	height:15px;
	line-height:15px;
	text-decoration:none;
	color:#000;
	margin-right:5px;
}
.hdr-skype {background-image:url(../images/skype.png);}
.hdr-cart {
	color:#f00;
	font-weight:bold;
}

nav.topnav {
	margin-top:20px;
}
nav.topnav ul {
	height:42px;
	width:972px;
}
nav.topnav ul li {
	text-shadow:0 -1px 0 #333333;
	list-style:none;
	float:left;
	display:block;
}
nav.topnav ul li a{
	display:block;
	color:#fff;
	line-height:42px;
	/* padding:0 26px 0 26px; */
	text-align:center;
	text-decoration:none;
	font-size:1.18em;
	border:1px solid #333;			
	border-left:1px solid #575757;			
	background: #646464;
	background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #3b3b3b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#646464), color-stop(50%,#4a4a4a), color-stop(51%,#3b3b3b), color-stop(100%,#3b3b3b));
	background: -webkit-linear-gradient(top, #646464 0%,#4a4a4a 50%,#3b3b3b 51%,#3b3b3b 100%);
	background: -o-linear-gradient(top, #646464 0%,#4a4a4a 50%,#3b3b3b 51%,#3b3b3b 100%);
	background: -ms-linear-gradient(top, #646464 0%,#4a4a4a 50%,#3b3b3b 51%,#3b3b3b 100%);
	background: linear-gradient(to bottom, #646464 0%,#4a4a4a 50%,#3b3b3b 51%,#3b3b3b 100%);
}
nav.topnav ul li:first-child a{
	-webkit-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px;
}
nav.topnav ul li:last-child a{
	-webkit-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
	border-right:1px solid #333;
}
nav.topnav ul li.sublink {
	position:relative;
}
#topnavitem2 {
	width:135px;
}
#topnavitem3 {
	width:230px;
}
#topnavitem4 {
	width:262px;
}
#topnavitem5 {
	width:94px;
}
#topnavitem6 {
	width:132px;
}
#topnavitem7 {
	width:117px;
}
nav.topnav ul li ul {
	display:none;
	position:absolute;
	top:44px;
	left:0;
	width:100%;
	height:auto;
	z-index:500;
}
nav.topnav ul li.sublink ul li{
	float:none;
	min-height:34px;
	font-size:.85em;
}
nav.topnav ul li.sublink ul li a{
	text-align:left;
	-webkit-border-radius:0;	
	border-radius:0;
	border-top:none;
	border-right:1px solid #333;
	line-height:normal;
	height:100%;
	padding:9px 5px;
	background: -moz-linear-gradient(top,  #636363 0%, #4c4c4c 47%, #474747 50%, #3b3b3b 53%, #505050 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#636363), color-stop(47%,#4c4c4c), color-stop(50%,#474747), color-stop(53%,#3b3b3b), color-stop(100%,#505050));
	background: -webkit-linear-gradient(top,  #636363 0%,#4c4c4c 47%,#474747 50%,#3b3b3b 53%,#505050 100%);
	background: -o-linear-gradient(top,  #636363 0%,#4c4c4c 47%,#474747 50%,#3b3b3b 53%,#505050 100%);
	background: -ms-linear-gradient(top,  #636363 0%,#4c4c4c 47%,#474747 50%,#3b3b3b 53%,#505050 100%);
	background: linear-gradient(to bottom,  #636363 0%,#4c4c4c 47%,#474747 50%,#3b3b3b 53%,#505050 100%);		
}
nav.topnav ul li.active a{
	background: #646464;
	background: -moz-linear-gradient(top,  #646464 0%, #4a4a4a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#646464), color-stop(100%,#4a4a4a));
	background: -webkit-linear-gradient(top,  #646464 0%,#4a4a4a 100%);
	background: -o-linear-gradient(top,  #646464 0%,#4a4a4a 100%);
	background: -ms-linear-gradient(top,  #646464 0%,#4a4a4a 100%);
	background: linear-gradient(to bottom,  #646464 0%,#4a4a4a 100%);
	-webkit-box-shadow:0 0 10px #222222 inset, 0 10px 10px #222222 inset;
	box-shadow:0 0 10px #222222 inset, 0 10px 10px #222222 inset;	
}
nav.topnav ul li.active ul li a{
	box-shadow:none;	
}
nav.topnav ul li a:hover,
nav.topnav ul li.sublink ul li a:hover{
	background: #8a8a8a;
	background: -moz-linear-gradient(top,  #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a8a8a), color-stop(50%,#707070), color-stop(51%,#626262), color-stop(100%,#787878));
	background: -webkit-linear-gradient(top,  #8a8a8a 0%,#707070 50%,#626262 51%,#787878 100%);
	background: -o-linear-gradient(top,  #8a8a8a 0%,#707070 50%,#626262 51%,#787878 100%);
	background: -ms-linear-gradient(top,  #8a8a8a 0%,#707070 50%,#626262 51%,#787878 100%);
	background: linear-gradient(to bottom,  #8a8a8a 0%,#707070 50%,#626262 51%,#787878 100%);
	box-shadow:none;
}
nav.topnav ul li:hover a{
	-webkit-border-bottom-left-radius:0;
	-webkit-border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;	
}

.contwrap {margin-bottom:30px;}
.content {width:705px;}
.content ul {margin: -7px 7px 7px 7px;padding-left:15px;}
.content ul li {line-height:1.5;}	

.sidebar {
	float:left;	
	width:235px;
}
.content.right {
/* font:normal 1.1em Verdana, 'Trebuchet MS', Helvetica, sans-serif; */
font:normal 1.25em 'Trebuchet MS', Helvetica, sans-serif;	
	line-height:1.5;
	width:735px;
	float:right; 
	padding-left:20px; 
	border-left:1px solid #999;
	min-height:900px;
}


.content.right h1, 
.content.right h2, 
.content.right h3{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;	
	font-weight: bold;
}
/*   */


/*
.content.right a:hover{
	text-decoration:underline;
}
*/

.content.right ul {
	margin:0 0 20px 20px;
}

.content.left {
	float:left; 
	margin-right:30px;
	padding-right:35px;
	border-right:1px solid #999;	
}

.clr {clear:both;}

aside.bottom {
	color:#C0C0C0;
	overflow:hidden;
	font:0.85em Lucida,Verdana,Helvetica,sans-serif;	
	margin-bottom:15px;
	background: #444444;
	background: -moz-linear-gradient(top,  #555555 0%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#333333));
	background: -webkit-linear-gradient(top,  #555555 0%,#333333 100%);
	background: -o-linear-gradient(top,  #555555 0%,#333333 100%);
	background: -ms-linear-gradient(top,  #555555 0%,#333333 100%);
	background: linear-gradient(to bottom,  #555555 0%,#333333 100%);
	-webkit-border-radius:5px;
	border-radius:5px;
}
aside.bottom a {color:#c0c0c0;}
aside.bottom a:hover{color:#fff;}
.foot-sec {
	float:left;
	width:240px;
	padding:10px;
	font-family:Lucida,Verdana,Helvetica,sans-serif;	
}
.foot-sec h3 {
	color:#9F9F9F;
	font:bold 1.5em Lucida,Verdana,Helvetica,sans-serif;
	text-shadow:1px 2px 0 #000;
	padding:10px 5px;
}
.foot-sec ul li{list-style:none;}
.foot-sec.pop ul li{
	font-weight:bold;
	padding:3px;
}
.foot-sec.pop ul li a{text-decoration:none;}

.foot-sec.new ul li {
	padding:5px 0;
}
.foot-sec.new ul li a{
	font-weight:bold;
	line-height:1.5;
	display:inline-block;
	width:100%;
	text-decoration:underline;
}

.foot-sec.feeds {
	font:1em/1.8em Verdana,Helvetica,sans-serif;	
}
.foot-sec.feeds span{
	display:inline-block;
	width:100%;	
}
.foot-sec.feeds .feed-dude {font-weight:bold;}

.foot-sec.foot-cont {
	line-height:1.7;
}
.foot-sec.foot-cont .mail{text-decoration:none;}

footer.main {
	border-top:1px solid #333;
	font-size:.83em;
	padding:15px 10px 5px;
	overflow:hidden;
}
.copyright {display:block;float:left;}
footer.main .slogan {display:block;float:right;color:#000;text-decoration:none;}


.slider-onmain {
	height:250px;
	margin-top:60px;
	margin-bottom:40px;
}

.mainpage h1 {
	font:1.5em/25px 'Trebuchet MS', Helvetica, sans-serif;	
	font-style:italic;
	padding-bottom:8px;
	color:#f00;
}
.mainpage h1 {color:#f00;}
.mainpage h2, .mainpage h2 a {
	font: 1.4em 'Trebuchet MS', Helvetica, sans-serif;
	color: #333;
	text-decoration:underline;
	text-align:center;
	position:relative;
}

.mainpage .intro {
	font:italic 1.15em 'Trebuchet MS', Helvetica, sans-serif;	
	padding-bottom:20px;
}

/*.catalogue*/ .intro{
	/* font-size:1.12em; */
		color:#369;}
.intro a{color:#369;}

.catalogue {
	overflow:hidden;
	width:720px;
}
.catalogue .cat-item {
	float:left;
	width:312px;
	margin-left:30px;
	font-size:1.1em;
	/* font:1.2em Verdana, sans-serif; */
	margin-bottom:40px;
	min-height:280px;
}
.mainpage .catalogue {margin-left:-45px;}
.mainpage .catalogue .cat-item{margin-left:45px;}

.catalogue .cat-item .cat-thumb {
	margin-bottom:0px;
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}
.catalogue .cat-item .cat-thumb:hover {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
.catalogue .cat-item a {
	text-decoration:none;
}
.catalogue .cat-item h2 {
	font-size:1.45em;
	padding-bottom:7px;	
}
.catalogue .cat-item h2 a {
	text-decoration:none;
	color:#f00;
}
.catalogue .cat-item a.cat-readmore {
	line-height:2;
	display:block;
	margin:10px 0 0;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #e6e6e6;
	background-color:#e6e6e6;
	font-size:1em;
	width:312px;
	float:left;
	text-align:center;
}

.catalogue .cat-item a.cat-readmore:hover {
	border-color:#b3b3b3;
	background: #cccccc;
	background: -moz-linear-gradient(top,  #e6e6e6 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #e6e6e6 0%,#cccccc 100%);
	background: -o-linear-gradient(top,  #e6e6e6 0%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #e6e6e6 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #e6e6e6 0%,#cccccc 100%);
}	

.sidebar .news h2{
	font:1.5em/25px 'Trebuchet MS', Helvetica, sans-serif;	
	font-style:italic;
	/*margin-top:-3px;*/
}
.sidebar .news .news-item {
	margin-bottom:30px;
}
.sidebar .news .news-item h3 {font-size:1em;padding-bottom:3px;}
.sidebar .news .news-item h3 a{
	text-decoration:none;
	color:#000;
}
.sidebar .news .news-item a.news-desc,
.sidebar .news .news-item a.news-desc span {
	font-style:normal;
	text-decoration:none;
	color:#666;
}

.side-action {
/*	width:260px; */
	overflow:hidden;
	text-align:center;
	padding:0 25px;
}
.side-action:before,
.side-action:after {
	content:'';
	width:60%;
	margin:0 auto;
	height:0;
	border-top:1px solid #bfbfbf;
	border-bottom:1px solid #404040;
	display:block;
	margin-bottom:15px;	
}
.side-action:after {
	border-bottom-color:#bfbfbf;
	border-top-color:#404040;
	margin-top:15px;
}
.side-action h2 a{
	font-size:1.75em;
	font-weight:bold;
	color:#f00;
}
.side-action img {
	width:165px;
	margin:10px 0;
}
.side-action .act-desc {
	color:#000;
	text-decoration:none;
	font-size:1.5em;
	font-weight:bold;
}
.content hr {
	border:none;
	height:1px;
	background-color:#d7d7d7;
	margin:12px 0 23px;
}

.breadcrumbs {
	text-align:center;
	margin:-15px 0 15px;
	font-size:.87em;
}
.breadcrumbs ul li{
	list-style:none;
	display:inline;
	color:#808080;
}
.breadcrumbs ul li a{
	text-decoration:none;
	color:#808080;
}
	
.sidenav {
	margin-bottom:50px;
}
.sidenav ul li {
	list-style:none;
	font-size:1.08em;
	line-height:2;
	border-bottom:1px dotted #b0b0b0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 100%;
}
.sidenav ul li a{
margin-left:3px; // Fit 29 symbols
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	font-style:italic;
}
.sidenav ul li:hover{background-color:#ededed;} /* HOVER */
.sidenav ul li.active{background-color:#ededed;}
.sidenav ul li a span{font-style:normal;}
.sidenav ul li ul {background-color:#fff;}
.sidenav ul li ul.subnav {padding-left:10px;}	
.sidenav ul li ul.subnav li {font-size:0.95em;
	border-bottom:0;
	background-color:transparent;}
.sidenav ul li ul.subnav li:hover{background-color:#f7f7f7;} /* HOVER */
.sidenav ul li ul.subnav li a {color:#505050;}	
.sidenav ul li ul.subnav li.active	a {color:#f00;}

/*
.goods-category	.intro{
	font-size:1.15em;
	color:#369;
}
*/
	
br {margin-bottom:5px;}

.cat-products a{
	text-decoration:none;
} 
.cat-prod-item {
	padding-bottom:10px;
	overflow:hidden;
} 	
.cat-prod-item h3{
	font-style:italic;
	font-weight:bold;
	font-size:1.45em;
	color:#000;
}
.cat-prod-thumb {
	float:left;
	font-size:0.9em;
	width:150px;
	height:175px;
	/* overflow:hidden;  */
	margin-right:10px;
}	
.cat-prod-thumb p{
	text-align:center;
	font-size:0.8em;
	line-height:1pt;
	margin:0;
	padding:0;
}
/*
.cat-prod-offers {
	width:300px;
	position:relative;
	left:-160px;
	top:180px;
	text-align:center;
	font-size:0.9em;
}
.cat-prod-offers p {
	line-height:1pt;
}	
*/
.cat-prod-desc {
	float:left;
	width:395px;
	margin-right:5px;
	line-height:1.3;
	font-size: 0.85em;
}
.cat-prod-desc br{
	padding:0px;
}	
.cat-prod-links {
	float:right;
	width:140px;
	//margin-right:15px;
	margin:0;
	padding-top:10px;
	text-align:center;
}	
.cat-prod-price {
	color:#000;
	font-size: 0.9em;
	font-style: italic;
}	
.cat-prod-readmore {
	font-size:1em;
	display:inline-block;
	margin-top:10px;
	height:25px;
	line-height:22px;
	padding:0 7px;
	color:#fff;
	border:1px solid #c74138;
	border-radius:3px;
	-webkit-border-radius:3px;	
	box-shadow:1px 0 1px #e5705e inset;
	-webkit-box-shadow:1px 0 1px #e5705e inset;	
	background: #fc0202;
	background: -moz-linear-gradient(top,  #fc0202 0%, #c2262c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc0202), color-stop(100%,#c2262c));
	background: -webkit-linear-gradient(top,  #fc0202 0%,#c2262c 100%);
	background: -o-linear-gradient(top,  #fc0202 0%,#c2262c 100%);
	background: -ms-linear-gradient(top,  #fc0202 0%,#c2262c 100%);
	background: linear-gradient(to bottom,  #fc0202 0%,#c2262c 100%);
}





.prodlinklist {
   margin: 0;
   padding: 0;
   list-style: none;
}
.prodlinklist ul {
   margin: 0;
   padding: 0;
}
.prodlinklist li {
   float: left;
   width: 150px;
   margin: 5px;
   padding: 0;
   text-align: center;
}
.prodlinklist li img {
   border: none;
}






.product h2 {
	font-weight:bold;
	font-style:italic;
}
.product h3 {
	font-size:1.2em;
	margin-top:10px;
}
section.prod-details {
	overflow:hidden;
	margin-bottom:20px;
	position:relative;
}
.prod-thumb {
	float:left;
	width:300px;
	height:320px;
	line-height:1px;
	padding:0px; /* 30px; */
	margin:0 20px 5px 0;
	/* border:1px solid #E8E8E8; */
}
.prod-thumb img{
	max-width:300px;
}
.forprint {
	font:italic 1em 'Trebuchet MS', Helvetica, sans-serif;	
	position:relative;
	clear:both;
	left:0;
	margin:5px;
	display:block;
	padding-left:30px;
	background:url(../images/print.png) no-repeat 0 0;
	line-height:24px;
	color:#666;
}
.prod-info {
	font-size:0.85em;
	float:left;
	width:394px;
}
.prod-info .intro{
/*	font:normal 1.35em 'Trebuchet MS', Helvetica, sans-serif;*/
	font:normal 1.2em 'Trebuchet MS', Helvetica, sans-serif;	
	font-style:italic;
	padding-bottom:8px;
	color:#f00;
	margin-top:-3px;
	display:block;
	min-height:115px;
	margin-bottom:10px;
}
.prod-price {
	font:2.5em 'Trebuchet MS', Helvetica, sans-serif;	
	font-style:italic;
	color:#000;
	text-align:center;
	margin-bottom:5px;
}
.prod-price span{color:#B3B3B3;}
.prod-buy {
	border-radius:3px;
	-webkit-border-radius:3px;	
	line-height:42px;
	display:block;
	width:140px;
	margin:0 auto;
	color:#fff;
	font-size:1.4em;
	background: #fc0202;
	background: -moz-linear-gradient(top,  #fc0202 0%, #c2262c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc0202), color-stop(100%,#c2262c));
	background: -webkit-linear-gradient(top,  #fc0202 0%,#c2262c 100%);
	background: -o-linear-gradient(top,  #fc0202 0%,#c2262c 100%);
	background: -ms-linear-gradient(top,  #fc0202 0%,#c2262c 100%);
	background: linear-gradient(to bottom,  #fc0202 0%,#c2262c 100%);
	margin-bottom:20px;	
}
.prod-buy span{
	background:url(../images/cart.png) no-repeat 8px center;	
	padding-left:50px;
	line-height:34px;
	display:inline-block;
}
.prod-views,
.prod-buyers {
	float:left;
	width:50%;
	text-align:center;
	color:#000;
}
.odo {
	font:1.5em 'Trebuchet MS', Helvetica, sans-serif;
	display: inline-block;
	width:20px;
	text-align: center;
	color:#ffffff;
	background:#303030;
	margin-right:1px;
	padding:0;
	-webkit-border-radius:3px;
	border-radius:3px;
}

	
ul.prod-contents {
	clear:both;
	overflow:hidden;
	margin:0 0 15px 0;
	padding:0;
}		
ul.prod-contents li{
	display:block;
	margin:0 10px 15px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #e6e6e6;
	background-color:#e6e6e6;
	font-size:1em;
	width:325px;
	float:left;
	text-align:center;
}
ul.prod-contents li a{
	color:#333366;
	line-height:35px;	
	display:inline-block;
	width:100%;
	text-decoration:none;
}
ul.prod-contents li:hover {
	border-color:#b3b3b3;
	background: #C0C0C0;
	background: -moz-linear-gradient(top,  #e6e6e6 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #e6e6e6 0%,#cccccc 100%);
	background: -o-linear-gradient(top,  #e6e6e6 0%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #e6e6e6 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #e6e6e6 0%,#cccccc 100%);
}	
ul.prod-contents li:hover a{
	text-decoration:underline;
}
/*ul.prod-contents li.fedbck {font-weight:bold;}*/


.splitter{
	margin: 30px 75px 10px 75px;
	padding:5px;
	display:block;
	background:#F5F5F5;
	text-align:center;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#888888;
}
.splitter a{
	color:#888888;
	text-decoration:none;
}
.splitter a:hover{
	color:#000;
	text-decoration:underline;
}



.note{
	margin: 10px 30px 30px 30px;
	padding:5px;
	display:block;
	background:#F0F0F0;
	text-align:center;
	font-size:1.05em;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#707070;
}
.note a{
	color:#707070;
	text-decoration:none;
}
.note a:hover{
	color:#000;
	text-decoration:underline;
}


h2.prod-hdr {
	font:bold 1.6em 'Trebuchet MS', Helvetica, sans-serif;	
	font-style:italic;
	margin-top:35px;
}

.features {
	margin-bottom:15px; 
	overflow:hidden;
}

.smalltext {
	font-size:.85em;
}

.featurelink a {
	text-decoration:none;
}
.featurelink span{
	font:.8em 'Trebuchet MS', Helvetica, sans-serif;	
		position: relative; top: -1px;
	color:#6699CC;
	padding:0 10px 0 10px;
	/* border:1px solid #FFF;
	-webkit-border-radius:3px;
	border-radius:3px; */
}
.featurelink span:hover {
	color:#333366;
	/* background: #F0F0F0;
	border:1px solid #E8E8E8; */
}	


section.ficha {
	float:left;
	font-size:0.9em;
	margin:10px 10px 20px 10px;
	width:325px;
}

.ficha h3 {
	font:bold 1em Verdana, 'Trebuchet MS', Helvetica, sans-serif;	
	display:table-cell;  
	height:40px;
	vertical-align:bottom;

}
.ficha img {
	width:315px;
	height:200px;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #c6c6c6;
}

table.tec-details {
	border-collapse: collapse; 
	border-spacing:0;
	width:100%;
	margin-bottom:30px;
}	
table.tec-details td{
	border-bottom:1px solid #c6c6c6;
	padding:7px 3px;
}
table.tec-details td{
	font-style:italic;
}
table.tec-details td:first-child{
	width:230px;	
	font-style:normal;
}


section.reviews a{
	font-style:italic;
	font-weight:bold;
	text-decoration:underline;
}

.prod-gallery img {
	background-color:#fbfbfb;
	border:1px solid #c6c6c6;
	padding:6px;
	margin:10px 10px 0 0;
	height:160px;
	width:160px;
}
.prod-gallery img:hover {
	background-color:#dfdfdf;
}

.prod-gallery-top img {
	background-color:#fbfbfb;
	border:1px solid #c6c6c6;
	padding:2px;
	margin:5px 5px 0 0;
	height:80px;
	width:80px;
}
.prod-gallery-top img:hover {
	background-color:#dfdfdf;
}


section.reviews p{
	font-style:italic;
	margin-bottom:20px;
}
section.reviews span{
	display:block;
	font-style:normal;
	text-align:right;
}
section.reviews a{
	font-style:italic;
	font-weight:bold;
	text-decoration:underline;
}

.onTop {
	display:none;
	height:100%;
	min-height:100%;
	background-color:rgba(102,102,102,0);
	width:100px;
	position:fixed;
	top:0;
	left:0;
	text-indent:-9999px;
	outline:none;
}	
.onTop:before {
	content:'наверх';
	display:block;
	position:absolute;
	color:#fff;
	background-color:#666;
	font-style:italic;
	padding:10px 20px;
	top:20px;
	left:5px;
	cursor:pointer;
	z-index:50;
	text-indent:0;
}
.onTop:hover {background-color:rgba(102,102,102,0.2);}

@media screen and (max-width: 1200px) {
	.onTop	{display:none;}
	.onTop:hover {background-color:rgba(102,102,102,0.0);}
	.onTop:before {display:none;}
}






/**
 * Grid container
 */
#tiles {
  list-style-type: none;
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
  width: 685px;
}

/**
 * Grid items
 */
#tiles li {
  width: 170px;
  background-color: #ffffff;
  border: 1px solid #dedede;
          border-radius: 2px;
     -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  display: none; /** Hide items initially to avoid a flicker effect **/
  cursor: pointer;
  padding: 6px;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
}

#tiles li:hover{
  background-color: #f0f0f0;
}

#tiles li.inactive {
  visibility: hidden;
  opacity: 0;
}

#tiles li img {
  display: block;
      width: 100%;
      height: auto;
      border: 0;
}

/**
 * Grid item text
 */
#tiles li p {
  color: #666;
  font-size: 13px;
  line-height: 15px;
  margin: 5px;
}

/**
 * Placerholder css
 */
.wookmark-placeholder {
          border-radius: 2px;
     -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #eee;
  border: 1px solid #dedede;
  z-index: -1;
}


























/* ================== АДАПТИВНАЯ ВЕРСТКА ================== */

/* Скрываем мобильные элементы по умолчанию */
.mobile-header,
.mobile-menu-overlay {
    display: none;
}

/* Десктоп (970px+) - без изменений */
@media (min-width: 970px) {
    .mobile-header,
    .mobile-menu-overlay {
        display: none !important;
    }
    
    /* Обеспечиваем точное соответствие оригиналу */
    .wrapper {
        width: 970px;
        margin: 0 auto;
    }
    
    body {
        min-width: 980px;
    }
    
    /* Гарантируем, что оригинальные элементы видны */
    header.main {
        display: block;
        padding-top: 25px;
    }
    
    .logo {
        display: block;
    }
    
    .hdr-contacts {
        display: block;
        position: absolute;
        top: 30px;
        right: 0;
    }
    
    /* Показываем баннер на десктопе */
    .logo > a:last-child img {
        display: inline;
    }
    
    /* Убираем переопределения для десктопа */
    nav.topnav {
        display: block !important;
    }
}

/* Планшет и смартфон (до 969px) - ОДИНАКОВАЯ ШАПКА */
@media (max-width: 969px) {
    body {
        min-width: 0;
        width: 100%;
        padding-top: 60px;
        overflow-x: hidden;
    }
    
    html {
        overflow-x: hidden;
    }
    
    .wrapper {
        width: 100%;
        max-width: 100%;
        padding: 50px 15px;
        box-sizing: border-box;
    }
    
    /* Скрываем десктопные элементы */
    .logo /* > a:last-child */ img {
        display: none; /* Скрываем fast_shipping_ru.png */
    }
    header.main {
        display: none;
    }
    
    .hdr-contacts,
    nav.topnav {
        display: none;
    }
    
    /* Показываем мобильную шапку */
    .mobile-header {
        display: block;
    }
    
    /* Адаптация контента */
    .contwrap {
        margin-bottom: 20px;
        width: 100%;
        box-sizing: border-box;
    }
    
    .content.right,
    .content.left {
        width: 100%;
        float: none;
        padding: 0;
        border: none;
        min-height: auto;
    }
    
    .sidebar {
        width: 100%;
        float: none;
    }
    
    aside.bottom .foot-sec {
        width: 100%;
        float: none;
    }
    
    h1 {
        font-size: 1.8em;
    }
    
    h2, h2 a {
        font-size: 1.5em;
    }
    
    .intro, p {
        font-size: 16px;
        line-height: 1.4;
    }
    
    /* Скрываем градиентный фон */
    .wrapper:before {
        display: none;
    }
}

/* Дополнительные настройки только для планшета (768px - 969px) */
@media (max-width: 969px) and (min-width: 768px) {
    .prodlinklist li {
        width: 45%;
        margin: 2%;
    }
    
    .catalogue .cat-item {
        width: 45%;
        margin-left: 2%;
        margin-right: 2%;
    }
    
    .prod-thumb {
        width: 250px;
        height: auto;
        margin: 0 auto 20px;
        float: none;
        display: block;
    }
    
    .prod-info {
        width: 100%;
        float: none;
    }
    
    ul.prod-contents li {
        width: 45%;
        margin: 2%;
    }
    
    aside.bottom .foot-sec {
        width: 50%;
        float: left;
    }
}

/* Дополнительные настройки только для смартфона (до 767px) */
@media (max-width: 767px) {
    .wrapper {
        padding: 50px 10px;
    } 
    
    .mobile-logo img {
        max-height: 35px;
        /* max-width: 150px; */
    }
    
    .mobile-contacts {
        max-width: 130px;
    }
    
    .mobile-contacts .phone {
        font-size: 12px;
    }
    
    .mobile-cart-link {
        font-size: 11px;
    }
    
    .prodlinklist li {
        width: 45%;
        margin: 2%;
        font-size: 14px;
    }
    
    .prodlinklist li img {
        width: 100%;
        height: auto;
        max-width: 150px;
        max-height: 150px;
    }
    
    .catalogue .cat-item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .catalogue .cat-item a.cat-readmore {
        width: 100%;
    }
    
    .prod-thumb {
        width: 100%;
        height: auto;
        margin: 0 auto 15px;
        text-align: center;
    }
    
    .prod-thumb img {
        max-width: 100%;
        height: auto;
    }
    
    .prod-info {
        width: 100%;
    }
    
    .prod-price {
        font-size: 2em;
    }
    
    ul.prod-contents li {
        width: 100%;
        margin: 5px 0;
    }
    
    h1 {
        font-size: 1.5em;
        line-height: 1.2;
        padding-bottom: 15px;
    }
    
    h2, h2 a {
        font-size: 1.3em;
        line-height: 1.2;
    }
    
    /* Изображения в тексте */
    img, .prod-gallery-top img, .prod-gallery img {
        max-width: 100%;
        height: auto;
    }
    
    /* Таблицы */
    table.tec-details {
        font-size: 14px;
    }
    
    table.tec-details td:first-child {
        width: auto;
        min-width: 150px;
    }
    
    /* Кнопка "наверх" */
    .onTop:before {
        left: auto;
        right: 5px;
    }
}

/* ================== СТИЛИ МОБИЛЬНОЙ ШАПКИ ================== */

.mobile-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    z-index: 1000;
    padding: 10px 15px;
}

.mobile-header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
}

/* Мобильная кнопка меню с иконкой и текстом */
.mobile-menu-btn {
    background: none;
    border: none;
    color: #333;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px; /* Еще меньше отступ */
    padding: 6px 8px;
    white-space: nowrap;
    min-width: 60px; /* Немного уменьшили ширину */
    text-align: center;
    transition: all 0.2s ease;
}

.mobile-menu-btn:hover {
    background-color: #f5f5f5;
    border-radius: 4px;
}

/* Стильная жирная иконка бургера */
.burger-icon {
    font-size: 30px;
    line-height: 1;
    font-weight: 900;
    display: block;
  transform: scaleX(2); /* Stretches the character 1.5 times its original width */
  transform-origin: center; /* Ensures stretching starts from the left */
    /* Альтернатива: использовать три полоски вместо ☰ */
    /* content: "≡"; */ /* Можно попробовать этот символ */
}

/* Текст "МЕНЮ" */
.menu-text {
    font-size: 10px;
    font-weight: 800; /* Еще жирнее */
    display: block;
    line-height: 1;
    letter-spacing: 0.5px; /* Немного разрядили буквы */
    text-transform: uppercase; /* Все заглавные */
}

.mobile-logo {
    flex: 1;
    text-align: center;
    padding: 0 10px;
}

.mobile-logo img {
    max-height: 40px;
    width: auto;
}

.mobile-contacts {
    text-align: right;
    font-size: 12px;
    max-width: 150px;
}

.mobile-contacts .phone {
    font-weight: bold;
    font-size: 14px;
    white-space: nowrap;
}

.mobile-contacts .phone a {
    color: #000;
    text-decoration: none;
}

.mobile-contacts .phone a:hover {
    text-decoration: underline;
}

.mobile-email {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-email a {
    color: #333;
    text-decoration: none;
}

.mobile-email a:hover {
    text-decoration: underline;
}

.mobile-cart-link {
    display: block;
    color: #f00 !important;
    font-weight: bold;
    margin-top: 2px;
    font-size: 11px;
    text-decoration: none;
}

.mobile-cart-link:hover {
    text-decoration: underline;
}

/* ================== СТИЛИ МОБИЛЬНОГО МЕНЮ ================== */

.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 9999;
    display: none;
}

.mobile-menu-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 85%;
    max-width: 320px;
    height: 100%;
    background: #fff;
    overflow-y: auto;
    z-index: 10000;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
}

.mobile-menu-container.active {
    transform: translateX(0);
}

.mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 15px;
    border-bottom: 1px solid #eee;
    background: #f5f5f5;
}

.mobile-menu-header h3 {
    margin: 0;
    font-size: 18px;
    color: #333;
}

.mobile-menu-close {
    background: none;
    border: none;
    font-size: 28px;
    line-height: 1;
    color: #666;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
}

.mobile-menu-close:hover {
    color: #333;
}

.mobile-menu-content {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
}

.mobile-menu-content nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-menu-content nav ul li {
    border-bottom: 1px solid #eee;
    position: relative;
}

.mobile-menu-content nav ul li a {
    display: block;
    padding: 15px 0;
    color: #333;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}

.mobile-menu-content nav ul li a:hover {
    color: #f00;
}

.mobile-menu-content nav ul li.has-submenu > a {
    padding-right: 40px;
}

.submenu-toggle {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    color: #666;
    background: #f5f5f5;
    border-radius: 3px;
}

.submenu-toggle:hover {
    background: #e5e5e5;
}

.mobile-menu-content nav ul ul {
    padding-left: 15px;
    background: #f9f9f9;
    display: none;
}

.mobile-menu-content nav ul ul.active {
    display: block;
}

.mobile-menu-content nav ul ul li {
    border-bottom: 1px solid #e0e0e0;
}

.mobile-menu-content nav ul ul li:last-child {
    border-bottom: none;
}

.mobile-menu-content nav ul ul li a {
    font-size: 14px;
    color: #666;
    padding: 12px 0;
    font-weight: normal;
}

.mobile-menu-content nav ul ul li a:hover {
    color: #333;
}

/* Активный пункт меню */
.mobile-menu-content nav ul li.active > a {
    color: #f00;
    font-weight: bold;
}

/* Общие стили для изображений */
img, .prodlinklist img, .cat-prod-thumb img,
.prod-gallery img, .prod-gallery-top img {
    max-width: 100%;
    height: auto;
}