
#tabs,#tabs2,#tabs3,#tabs4,#tabs5 {
	width: 100%;
	margin: 0 ; margin:40px 0

}
#tabs ul{ list-style:none; margin-left:10px;}
#tabs li,#tabs2 li,#tabs3 li,#tabs4 li,#tabs5 li {
	float: left;
	
	 margin-left:10px;  z-index:5;
}

#tabs li a,#tabs2 li a,#tabs3 li a,#tabs4 li a,#tabs5 li a {
	display: block;
	padding: 5px 15px;
background: #fff url(fon2.jpg) #fff top left; color:#6299bd;
	text-decoration: none;
	color: #000; border: solid 1px #D6D6D6;  -moz-border-top-left-radius: 7px; 
  -webkit-border-top-left-radius: 7px; 
  -khtml-border-top-left-radius: 7px; 
  border-top-left-radius: 7px; -moz-border-top-right-radius: 7px; 
  -webkit-border-top-right-radius: 7px; 
  -khtml-border-top-right-radius: 7px; 
  border-top-right-radius: 7px;
  behavior: url(border-radius.htc); border-bottom: none  ;
}

#tabs li a:hover,#tabs2 li a:hover,#tabs3 li a:hover,#tabs4 li a:hover,#tabs5 li a:hover {
	background: url(fon2.jpg) #fff top   center; color:#990000
}

#tabs_container { background:  url(fon.jpg) #fff top   center;
	padding: 40px;
	overflow: hidden;
	position: relative;
   border-bottom:  solid 1px  #E0E0E0;   min-height: 280px;
	
}
#tabs_container .title{ margin-top:-20px; margin-bottom:20px; text-transform:uppercase}
#tabs_container #tabs-1{
	width: 100%;left:0; top:20 
}
#tabs_container #tabs-2{
	width: 100%;left:0; top:20 
}
#tabs_container #tabs-3{
	width: 100%;left:0; top:20 
}
.transition {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.make_transist {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.hidescale {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	opacity: 0; display:none
}

.showscale {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1; display:block;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hideleft {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.showleft {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hidescaleup {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.showscaleup {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hideflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-transform: rotatey(-90deg) scale(1.1);
	-moz-transform: rotatey(-90deg) scale(1.1);
	-o-transform: rotatey(-90deg) scale(1.1);
	-ms-transform: rotatey(-90deg) scale(1.1);
	transform: rotatey(-90deg) scale(1.1);

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.showflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;

	-webkit-transform: rotatey(0deg) scale(1);
	-moz-transform: rotatey(0deg) scale(1);
	-o-transform: rotatey(0deg) scale(1);
	-ms-transform: rotatey(0deg) scale(1);
	transform: rotatey(0deg) scale(1);

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

#tabs .tabulous_active {
	background: url(fon2.jpg) center center #EEF2F5 !important;
	color: #990000 !important; border-bottom: none ;
-webkit-box-shadow: 2px 0px 2px -1px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    2px 0px 2px -1px rgba(50, 50, 50, 0.55);
box-shadow:         2px 0px 2px -1px rgba(50, 50, 50, 0.55); 
}

.tabulousclear {
	display: block;
	clear: both;
}

 .razmery { background: url(../../img/width.png) 5px 8px no-repeat; height:25px; display:inline-block; padding:10px 15px 0 35px; color:#323232; font-size:14px}
  .price { background: url(../../img/price.png) 5px 8px no-repeat; height:25px; display:inline-block; padding:10px 0px 0 35px; color: #990000; font-weight: bold ; font-size:14px}
#tabs  .mainrow{ max-width:1240px; min-width:960px }
#tabs  table.mainrow tr.firstrow td{ width:33%; vertical-align:top; text-align:center    }
#tabs  table.mainrow table{ margin:0 auto; border-top:solid 2px #323232;text-align:left  }
#tabs  table.mainrow tr.secondrow td:first-child{ width:68%; vertical-align:top; text-align:left    }
#tabs  table.mainrow tr.secondrow td:last-child{ width:32%; vertical-align:top; text-align:left    }
#tabs  table.mainrow td img{ border: solid 1px #ccc}
#tabs  a { color:#000;  font-weight: bold ; display: inline}

#tabs_container table.tovar{ width:256px; display: inline-block; text-align:center; font-size: 14px; margin-right:19px; margin-bottom:40px; background: #FFFFFF; padding:10px; border: solid 1px #999}
#tabs_container table.tovar td.ddd{ text-align:center; vertical-align:top}
 #tabs_container table.tovar td.ddd td{ text-align:left; vertical-align:top}
#tabs_container  table.tovar td.ddd p.tit{ color:#6299bd; height:16px; overflow:hidden; line-height:16px; padding:0; margin:10px 0}

#tabs_container table.tovar img{ border: solid 1px #ccc; width:224px ; height:152px}


#tabs_container table.tovar .razmery {
    background: url(../../img/width-sm.png) no-repeat scroll 5px 8px rgba(0, 0, 0, 0);
  
    color: #323232;
    display: inline-block;
    font-size: 12px;
    height: 25px;
    padding: 10px 10px 0 30px;
}
#tabs span.yes {
    background: url("hit.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 100px;
    margin: -7px;
    position: absolute;
    right: 14px;
    width: 101px;
    z-index: 1;
}

.tovar:hover span.yes {
    background: url("img/hit.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 100px;
    margin: -7px;
    position: absolute;
    right: 11px; top:-3px;    width: 101px;
    z-index: 1;
}
 