/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background: white;
}


blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	font: 12px/18px Arial, sans-serif;
	width: 100%;
}
/* Begin of styles for the demo (you can remove them) */
a.expand {
	width: 90px;
	display: block;
	margin: 10px 0 0;
}
a.expand:hover {
	height: 500px;
}
/* End of of styles for the demo */

.wrapper2 {
	width: 1400px;
	background:white;
	margin: 0 auto;
}


.wrapper {
	width: 1200px;
	margin: 0 auto;
}

#ftr{
	padding:20px 10px 50px 0px; 
	clear:both;
}

#ftrsld{
	height:460px; 
	width:1200px;
}

/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 90px; 
	background: white;
}

#headmain {
	height: 182px;
	background: white;
}

#headmainright {
	height: 179px;
	width: 235px;	
	float:left;
}

#headmaincenter {
	height: 179px;
	width: 280px;	
	background: transparent url(../images/head_border.gif) right center no-repeat; 	
	float:left;
}

#headmainleft {
	height: 179px;
	width: 681px;	
	float:left;
	background: transparent url(../images/head_border.gif) right center no-repeat; 
}

.korz_button{
	display:block;
	width:135px;
	height:20px;
	position:relative; 
	top:-21px;
	right:-52px;
	background: transparent url(../images/korz_zakaz_opt.gif) right center no-repeat; 
}

#zakaz_mail_button{
	display:block;
	width:169px;
	height:36px;
	position:relative; 
	top:25px; 
	right:-67px;
	background: transparent url(../images/zakaz_mail.gif) right center no-repeat; 
}


#zakaz_mail_button2{
	display:block;
	width:145px;
	height:15px;
	position:relative; 
	top:-67px; 
	right:-127px;	
}



#korz_tov{
	width:200px;
	font-size:12px;
	position:relative; 
	top:1px; 
	right:-14px;	
}



#headmenu {
	height: 50px;
	background: green;
}




.breadcrumbs a:focus a:hover {
	color: #23527c;
	text-decoration: underline;
}

.breadcrumbs a {
	color: #aaa;
	/*color: #337ab7;*/
	text-decoration: none;
	background-color: transparent;
	/*color: #006bd8;*/
	outline: 0 none;
	/*font-size: 10px;*/
	font:10px Arial;
	font-style: normal;


}

.breadcrumbs a:visited {
	color: #85c;
}

/* Middle
-----------------------------------------------------------------------------*/

.cenaslide{	
	position:relative;
	top:8px;
	left:64px;
	color:white;	
	font-size:14px;
	font-weight:bold;	
}


.middle {
	
}

.middle2 {
	width:1200px;
	margin:0 auto;	
	position: relative;
	top:-30px;
	z-index:10;
}

.optim{

padding:20px 20px 0px 20px;

}

.middle:after {
	display: table;
	clear: both;
	content: '';
}
.container {
/*	width: 100%;  */
	float: left;
	overflow: hidden;
	margin-right: -100%;
}

.container2 {
	width: 100%;
	float: right;
	overflow: hidden;
	margin-right: -100%;
}

.content {
/*	padding: 0 20px; */
}

.containers {
	width: 100%;
	float: left;
	overflow: hidden;
	margin-right: -100%;
}


/* Left Sidebar
-----------------------------------------------------------------------------*/
.left-sidebar {	
	float: left;
	width: 300px;
	position: relative;	
	left: -300px;
	background:white;
}


/* Footer
-----------------------------------------------------------------------------*/
.footer {
	height: 100px;
	background: transparent url(../images/footer_line.gif) top center no-repeat; 
	clear:both;
}

.footer22 {
	height: 100px;
	background: transparent url(../images/footer_line.gif) top center no-repeat; 
	clear:both;
	position: absolute;
	bottom: 0;
}

#footer_left{
	height: 100px;
	width:220px;	
	float:left;
}

#footleft{
	position:relative;
	top:10px;
	left:-30px;
}

#footer_center{
	height: 100px;
	width:500px;
	float:left;	
}

#footer_right{
	height: 100px;
	width: 480px;
	float:left;	
}

#footright{
	position:relative;
	top:5px;
	left:110px;
}


/* ***********************SLIDER************************************ */

#slider-wrap{ /* ќболочка слайдера и кнопок */
    width:1200px; 
	margin: 0 auto;	
    }
#slider{ /* ќболочка слайдера */
    width:1200px;
    height:481px;
/*    overflow: hidden; */
 /*   border:#eee solid 10px; */
    position:relative;}
.slide{ /* —лайд */
    width:100%;
    height:100%;
    }
.sli-links{ /*  нопки смены слайдов */
    margin-top:10px;
    text-align:center;}
.sli-links .control-slide{
    margin:2px;
    display:inline-block;
    width:16px;
    height:16px;
    overflow:hidden;
    text-indent:-9999px;
    background:url(../images/radioBg.png) center bottom no-repeat;}
.sli-links .control-slide:hover{
    cursor:pointer;
    background-position:center center;}
.sli-links .control-slide.active{
    background-position:center top;}

#prewbutton, #nextbutton{ /* —сылка "—ледующий" и "ѕедыдущий" */
    display:block;
    width:15px;
    height:100%;
    position:absolute;
    top:0;
    overflow:hidden;
    text-indent:-999px;
    background:url(arrowBg.png) left center no-repeat;
    opacity:0.8;
    z-index:3;
    outline:none !important;}
#prewbutton{left:10px;}

#nextbutton{
    right:10px;
    background:url(arrowBg.png) right center no-repeat;
}
	
#prewbutton:hover, #nextbutton:hover{
    opacity:1;
}


/*************************************************menu style****************************************************************/
/*************************************************menu style****************************************************************/
.navcont{
	width:1000px;
	float:right;
	background:#fff;
	height:50px;
	position:relative;
	top:-80px;
	z-index:10;
}

.nav {
	height: 50px;	
	background: rgb(149,157,0);
/*	background: transparent url(http://i50.tinypic.com/bj0nm.png) center bottom no-repeat;
	padding-bottom: 7px;
    margin-bottom: 23px; */
}

.nav ul {
	margin:0;
/*	box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); */
	
}

.nav ul li {
	font: 13px Verdana, 'Lucida Grande';
	cursor: pointer;
	-webkit-transition: padding .05s linear;
	-moz-transition: padding .05s linear;
	-ms-transition: padding .05s linear;
	-o-transition: padding .05s linear;
	transition: padding .05s linear;
	background: transparent url(../images/menu_border.gif) left center no-repeat; 
}

.nav li:first-child
{
	background:none;
}

.nav ul li.drop {
	position: relative;
}

.nav ul > li {
	display: inline-block;
}


.dropOut .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid white;
	top: -8px;
	left: 50%;
	margin-left: -8px;
}
.dropdownContain {
	width: 200px;
	position: absolute;
	z-index: 2;
	left: 60%;
	margin-left: -100px; /* half of width */
	top: -400px;
}
.dropOut {
	width: 200px;
	background: white;
	float: left;
	position: relative;
	margin-top: 0px;
	opacity: 0;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.dropOut ul {
	float: left;
	padding: 0 0;
}
.dropOut ul li {
	text-align: left;
/*	background: transparent url(http://i50.tinypic.com/303efm1.png) center top repeat-x;  */
	float: left;
	width: 155px;
	padding: 12px 0 10px 15px;
	margin: 0px 15px;
	color: #777;
}
.dropOut li:first-child
{
background:none;
}

.dropOut ul li:hover {
	color:#09F;
	-webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
}

ul li:hover a { /*color:#09F; */
	-webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
 }
ul li:hover .dropdownContain { top: 45px; }
ul li:hover .underline { border-bottom-color: #777; }
ul li:hover .dropOut { opacity: 1; margin-top: 8px; }
/*menu style*/



/************************************************************** tovari *************************************************************************/

/*AM 060816*/

.tov:hover {

	/*background: #F6F9BD;*/
	box-sizing: border-box;
	border: 1px solid rgb(149,157,0);
	border-radius: 5px;

	color: darkgreen;
	/*font-weight: bold;*/

	/*background: rgb(149,157,0);*/
	/*padding: 10px 40px;
	background: #dddddd;
	width: 300px;
	border-radius: 5px;
*/
	/*background: transparent url(../images/ramka_tovar.gif) center no-repeat;
	width:208px;
	height:400px;
	padding:5px;*/
}





.tovs{
width:860px;
height:180px;
margin-top: 20px;
float:left;

}

.tovs2{
width:860px;
height:40px;
float:left;
border-bottom:solid 1px;
background-color: #f9f9f9;
}

.tovs3{
width:1120px;
height:40px;
margin-left: 30px;
float:left;
border-bottom:solid 1px;
background-color: #f9f9f9;
}

.tovs4{
width:100%;
height:180px;
/* margin-top: 20px;
margin-left: 130px;
float:left; */
}

.tovimgs{
background: transparent url(../images/ramka_tovars.gif) center no-repeat; 
width:140px;
height:180px;
float:left;
}

.nazvtovs{	
	text-align:center;
	overflow:hidden;
	/*font-family: Comic Sans, cursive;*/
}

.nazvtovs2{	
	font-size:11px;
	overflow:hidden;
	/*font-family: Comic Sans, cursive;	*/
}

.tovas{
width:660px;
height:100px;
padding: 5px;
float:left;
/*font-family: Comic Sans, cursive;	*/
overflow:hidden;
}

.tovaspoisk{
width:820px;
height:124px;
padding: 5px;
float:left;
/*font-family: Comic Sans, cursive;	*/
overflow:hidden;
}

.buytovs{
	display:block;
	width:167px;
	height:33px;
	position:relative;
	top:127px;
	left:550px;
	text-decoration:none;
	background: transparent url(../images/buytov.gif) center no-repeat; 	
}

.buytovspoisk{
	display:block;
	width:167px;
	height:33px;
	position:relative;
	top:125px;
	left:855px;
	text-decoration:none;
	background: transparent url(../images/buytov.gif) center no-repeat; 	
}


.buytovs2{
	display:block;
	width:167px;
	height:33px;
	position:relative;
	top:-25px;
	left:680px;
	text-decoration:none;
	background: transparent url(../images/buytov.gif) center no-repeat; 	
}

.buytovs3{
	display:block;
	width:167px;
	height:33px;
	position:relative;
	top:-25px;
	left:940px;
	text-decoration:none;
	background: transparent url(../images/buytov.gif) center no-repeat; 	
}


.buytovs:hover{
	cursor:pointer;
}

.buytovs2:hover{
	cursor:pointer;
}

.buytovs3:hover{
	cursor:pointer;
}

.buytovspoisk:hover{
	cursor:pointer;
}


#toggler{
display:block;
width:30px;
height:28px;
background: transparent url(../images/plitka.png) center no-repeat; 	
float:left;
margin-left:2px;
}

#toggler2{
display:block;
width:30px;
height:28px;
background: transparent url(../images/pspis.png) center no-repeat; 	
float:left;
margin-left:1px;
}

#toggler3{
display:block;
width:30px;
height:28px;
background: transparent url(../images/spis.png) center no-repeat; 	
float:left;
margin-left:1px;
}

/* ************************************************************* */
/*
.tov{
width:210px;
height:375px;
*/
/* margin-left: 12px; */
/*
margin-left: 5px;
float:left;
margin-top: 40px;
	text-align: center;
}*/
.tov {
	width: 208px;
	height: 398px;
	margin-left: 12px;
	float: left;
	margin-top: 25px;
	z-index: 1;
}


.tovimg{
background: transparent url(../images/ramka_tovar.gif) center no-repeat; 
width:208px;
height:400px;
padding:5px;

}

.nazvtov{
	position:relative;
	top:-3px;
	left:21px;
	width:170px;
	height:41px;
	text-align:center;
/*	font-weight:bold;	*/
	font-size:12px;
	overflow:hidden;
	/*font-family: Comic Sans, cursive;*/
}

.buytov{
	display:block;
	width:167px;
	height:33px;
	position:relative;
	top:-2px;
	left:22px;
	text-decoration:none;
	background: transparent url(../images/buytov.gif) center no-repeat; 	
}

.buytovn{
	display:block;
	width:167px;
	height:33px;
	position:relative;
	top:-2px;
	left:22px;
	text-decoration:none;
	background: transparent url(../images/buytov_n.gif) center no-repeat; 	
}

.buytovn:hover{
	cursor:pointer;
}

.buytovn2{
	display:block;
	width:167px;
	height:33px;
	float:left;
	position:relative;
	top:-2px;
	left:5px;
	text-decoration:none;
	background: transparent url(../images/buytovpodn.png) center no-repeat; 	
}

.buytovn3{
	display:block;
	width:167px;
	height:33px;	
	position:relative;
	top:-2px;
	left:5px;
	text-decoration:none;
	background: transparent url(../images/buytovpodn.gif) center no-repeat; 	
}

.buytovn2:hover{
	cursor:pointer;
}

.buytovn3:hover{
	cursor:pointer;
}


.buytov:hover{
	cursor:pointer;
}


.buytov2{
	border-radius:6px;
	float:left;
	width:167px;
	height:33px;	
	outline:none;	
	background: transparent url(../images/buytovpod.gif) center no-repeat; 		
}

.buytov3{
	border-radius:6px;
	width:167px;
	height:33px;	
	outline:none;	
	background: transparent url(../images/buytovpod.gif) center no-repeat; 		
}

.buytov2:hover{
	cursor:pointer;
}

.buytov3:hover{
	cursor:pointer;
}

.coltov{
	width:50px;
	height:27px;
	outline:none;	
	border-radius:4px;
	margin-right:10px;
	/*padding-left:15px;*/
	float:left;
	font-weight:bold;
	font-size:14px;
}

.tovarNamecss {
	display: block;
	max-width: 170px;
	width: 170px;
	margin-bottom: 26px;
	max-height: 36px;
	height: 36px;
	text-align: center;
	float:left;
}

.priceSpan {
	/*position:relative;*/


	float:right;
	/*top:4px;
	left:3px;*/
	/*font-weight:bold;*/
	font-size:16px;
	text-align: center;
	vertical-align: middle;

	background: #fff3b5 none repeat scroll 0 0;
	border: 1px solid transparent;
	border-radius: 4px;
	display: inline-block;
	margin-right: 0.5em;
	max-width: 120px;
	padding: 2px 1px 5px;
	white-space: nowrap;
	width: 75px;
}

.priceSpanRub {
	font-size: 0.66667em;
}

.coltovslide{
	width:70px;
	height:27px;
	outline:none;	
	border-radius:4px;
	margin-right:10px;
	padding-left:15px;
	float:left;
	font-weight:bold;
	font-size:20px;
}



.podrobtov input:hover{
    cursor:pointer;
}

.stat{
	width:72px;
	height:72px;
	background: transparent url(../images/status.gif) no-repeat; 
	position:relative;
	top:-275px;
	left:150px;
	z-index:10;
	color:white;
	font-weight:bold;
	font-size:11px;
}

.stat0{
	width:72px;
	height:72px;
	background: transparent url(../images/stat0.gif) no-repeat;
	position:relative;
	top:-0em;
	left:130px;
	z-index:10;
	color:white;
	font-weight:bold;
	font-size:11px;
	display: block;
}

.stat_new{
	width:72px;
	height:72px;
	background: transparent url(../images/status_new.gif) no-repeat;
	position:relative;
	top:-0em;
	left:130px;
	z-index:10;
	color:white;
	font-weight:bold;
	font-size:11px;
	display: block;
}


.stat_hit{
	width:72px;
	height:72px;
	background: transparent url(../images/status_hit.gif) no-repeat; 
	position:relative;
	top:-275px;
	left:150px;
	z-index:10;
	color:white;
	font-weight:bold;
	font-size:11px;
}

.stat_cena{
	width:72px;
	height:72px;
	background: transparent url(../images/status_cena.gif) no-repeat; 
	position:relative;
	top:-275px;
	left:150px;
	z-index:10;
	color:white;
	font-weight:bold;
	font-size:11px;
}


.stat_sk{
	width:72px;
	height:72px;
	background: transparent url(../images/status.gif) no-repeat; 
	position:relative;
	top:-240px;
	left:155px;
	z-index:10;
	color:white;
	font-weight:bold;
	font-size:18px;
}

.stat_sk2{
	width:72px;
	height:72px;
	background: transparent url(../images/status.gif) no-repeat; 
	position:relative;
	top:-275px;
	left:150px;
	z-index:10;
	color:white;
	font-weight:bold;
	font-size:18px;
}

/************************************************************** search form *************************************************************************/
/************************************************************** search form *************************************************************************/
#search-block-form{
	width:370px;
    height:28px;
    border-radius:4px;
    border:rgb(104, 139, 42) solid 1px;
	background: rgb(221, 221, 221);
	position:relative;
	top:-2px;
	left:10px;
}


#search-block-form input{
    padding:0;
    margin:0;
    display:block;
    border:none;
    outline:none;
    background:none;
    width:100%;
    height:100%;
    }
	
#search-block-form .form-actions{
    width:28px;
    height:28px;
    float:right;
    background:url(../images/search_button.gif) 6px 7px no-repeat rgb(221, 221, 221);
	border-radius:4px;
    }
	
#search-block-form .form-actions input:hover{
    cursor:pointer;
    }
	
#search-block-form .form-actions input{
    overflow:hidden;
    text-indent:-9999px;
    }
	
#search-block-form .form-item{
    width:332px;
    padding:0px 5px;
    float:left;
    height:28px;
	background: rgb(221, 221, 221);
	border-radius:4px;
    }
	
#search-block-form .form-item input{
    font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#222;
    height:auto !important;
    padding:6px 0;
    }
	
.placeholder{color:#cbcbcb !important;}

/************************************************************** search form *************************************************************************/
/************************************************************** search form *************************************************************************/

.tovcss{
	color:black;
	font-size:16px;
	margin-bottom:5px;
	display:block;
	/*font-family:Comic Sans, cursive;*/
}

#filtr{
background: rgb(230, 230, 230);
border-radius:4px;
}

.filtrclass{
padding:25px 0px 0px 30px;
font-size:18px;
}

.filtrclass select{
border-radius:3px;
height:30px;
width:240px;
}

#subm{
background:url(../images/filtr.gif) no-repeat;
width:163px;
height:38px;
margin:20px 0px 20px 70px;
outline:none;	
border-radius:7px;
}

/***********************************ползунок для фильтра товаров****************************************/


.formCost {
	width: 250px;
	margin-left:45px;
}
.formCost label {
	float: left;
	font-size: 16px;
	color: black;
	font-weight: bold;
	margin-right: 5px;
	position: relative;
	top: 12px;
}
.formCost input {
	float: left;
	text-align: center;
	color: #434343;
	font-size: 16px;
	font-weight: bold;
	width: 55px;
	height: 20px;
	background: none;
	border: 1px solid #E5E5E5;
	margin-right: 10px;
	position: relative;
	top: 12px;
}

.sliderCont {
	width: 178px;
	height: 27px;
	float: left;
}		

/* А это правила для скрипта:  */
#slider-range {
	width: 225px;
	margin: 0 auto;
}

.ui-slider {
	position: relative;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 13px;
	height: 13px;
	background: url(../images/sl.gif) no-repeat;
	cursor: pointer;
	outline: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	overflow: hidden;
}
.ui-slider-horizontal {
	 height: 3px;
}
.ui-slider-horizontal .ui-slider-handle { 
	top: -5px;
	margin-left: -6px;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min { 
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.ui-widget-content { 
	border: 1px solid #D4D4D4;
	background: #fff;
}
.ui-widget-header { 
	border: 1px solid #D4D4D4;
	background: rgb(200, 200, 200);
}
.ui-corner-all {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/*****************************************************************************************/
/***********************************перезвоните мне******************************************************/

#modal_form {
	width: 300px; 
/*	height: 400px; /* Размеры должны быть фиксированы */
	border-radius: 5px;
	border: 3px #000 solid;
	background: #fff;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -150px;
	margin-left: -150px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 25; /* окно должно быть наиболее большем слое */
	padding: 20px 10px;
}


/* Кнопка закрыть для тех кто в танке) */
#modal_form #modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}

/* Подложка */
#overlay {
	z-index: 20; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: #000; /* черная */
	opacity: 0.8; /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	cursor: pointer;
	display: none; /* в обычном состоянии её нет) */
}


/*****************************************************************************************/

#podr{
width: 100%;
float: left;
overflow: hidden;
margin-right: -100%;
}


/* ******************************zebra2******************** */

.zebra2 {
	width:850px;	
	border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;  	
}
    
.zebra2 td, .zebra2 th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;  
	padding: 10px;	
    text-align: center;   
	vertical-align: middle;
}


.zebra2 td{
    text-align: left;  
	font-size:14px;
}

.zebra2 th {
    background-color: rgb(149,157,0);
 
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.zebra2 tbody tr:nth-child(even) {
    background: rgb(246, 246, 246);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

.zebra2 tbody tr:nth-child(odd) {
    background: white;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

/* ******************************Форма оформления заказа******************** */
/*Форму подпавить АМ 2101*/
#form1{
        margin:0 auto;
        padding-top:10px;
		width:600px;
        background:url(../images/form1/form_top.gif) no-repeat 0 0;
		text-align:left;
        }
    #form1 fieldset{
        margin:0;
        padding:0;
        border:none;    
        float:left;
        display:inline;
        width:260px;
        margin-left:25px;
        }        
    #form1 legend{display:none;}    
    #form1 p{margin:.5em 0;}    
    #form1 label{display:block;}    
    #form1 input, #form1 textarea{        
        width:252px;
        border:1px solid #ddd;
        background:#fff url(../images/form1/form_input.gif) repeat-x;
        padding:3px;
        }        
    #form1 textarea{
        height:125px;
        overflow:auto;
        }                    
    #form1 p.submit{
        clear:both;
        background:url(../images/form1/form_bottom.gif) no-repeat 0 100%;
        padding:0 25px 20px 25px;
        margin:0;
        text-align:right;
        }    
    #form1 button{
        width:150px;
        height:37px;
        line-height:37px;        
        border:none;
        background:url(../images/form1/form_button.gif) no-repeat 0 0;
        color:#fff;
        cursor:pointer;
        text-align:center;
        }                

	
#ofor {	
    display: block;
/*    width: 150px;
    height: 36px; */

    width: 167px;
    height: 33px; 
    line-height: 36px;
    text-decoration: none;
    background: url("../images/form1/oforzak.png");	
}	


#pagination_controls {
	width:550px;
	padding:3px;
	margin:0 auto;	
}

#pagination_controls a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	
	text-decoration: none; 
	color: #88AF3F;
}
#pagination_controls a:hover, #pagination_controls a:active {
	border:1px solid #85BD1E;
	color: #638425;
	background-color: #F1FFD6;
}
#pagination_controls span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #B2E05D;
	font-weight: bold;
	background-color: #B2E05D;
	color: #FFF;
}
#pagination_controls span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}


#hhead {
	position:relative;
	top:-178px;
	left:370px;
	font-weight:bold;
	font-size: 14px;	
}

#hhead li{
	display: inline;
	border-right:1px solid black;
}

#hhead  li a
{
	color:black;
	padding:3px;
}

#hhead li a:hover
{
	color: green;
	text-decoration:none;
}
	
#hhead li:last-child {
    border-right: none;
}
	
	
.cenaslidespoisk{	
	position:relative;
	top:-125px;
	left:60px;
	color:white;	
	font-size:14px;
	font-weight:bold;	
}
	
.cenaslides3{	
	position:relative;
	top:8px;
	left:70px;
	color:white;	
	font-size:14px;
	font-weight:bold;	
}

.cenaslides{	
	position:relative;
	top:-102px;
	left:60px;
	color:white;	
	font-size:14px;
	font-weight:bold;	
}	


#shpk{

background-color:white;
width:100%;
height:120px;
background: linear-gradient(to bottom, rgb(223, 222, 223), white,  rgb(236, 235, 235));
position:relative;
top:0px;
left:0px;
z-index:1;
}

.buytovn_net{
	display:block;
	width:167px;
	height:33px;
	float:left;
	position:relative;
	top:-2px;
	left:5px;
	text-decoration:none;
	background: transparent url(../images/tovnet.png) center no-repeat; 	
}

.loading {
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: visible;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
  }
  
  /* Transparent Overlay */
  .loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
  }
  
  /* :not(:required) hides these rules from IE9 and below */
  .loading:not(:required) {
	/* hide "loading..." text */
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
  }
  
  .loading:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 1500ms infinite linear;
	-moz-animation: spinner 1500ms infinite linear;
	-ms-animation: spinner 1500ms infinite linear;
	-o-animation: spinner 1500ms infinite linear;
	animation: spinner 1500ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
	box-shadow: rgba(149, 157, 0, 0.75) 1.5em 0 0 0, rgba(149, 157, 0, 0.75) 1.1em 1.1em 0 0, rgba(149, 157, 0, 0.75) 0 1.5em 0 0, rgba(149, 157, 0, 0.75) -1.1em 1.1em 0 0, rgba(149, 157, 0, 0.75) -1.5em 0 0 0, rgba(149, 157, 0, 0.75) -1.1em -1.1em 0 0, rgba(149, 157, 0, 0.75) 0 -1.5em 0 0, rgba(149, 157, 0, 0.75) 1.1em -1.1em 0 0;
  }
  
  /* Animation */
  
  @-webkit-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @-moz-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @-o-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  .display-none {
    display: none !important;
}