body {



	background-color: #313131;	

	margin: 0;	

	font-family: Arial;

}



.m

{

	background-image: url(/img/tbg.gif);	

	height: 110px;

	background-position: top;

	background-repeat: repeat-x;	

	vertical-align: bottom;	

	color: #cccccc;

	font-size: 12px;

	padding-left: 18px;

	padding-top: 20px;

	

}



.m a

{

	color: #cccccc;	

	font-size: 12px;

	text-decoration: none;   	

	

}

img

{

	border: 0;

}



.mn

{

	width: 133px;

	height: 51px;

	text-align: center;

	vertical-align: middle;

	background-image: url(/img/m.gif);		

	background-position: left;

	background-repeat: no-repeat;	

}

.mn a

{

	color: #ffffff;	

	font-size: 12px;

	text-decoration: none;  

	padding-right: 20px;

	padding-left: 20px;

	padding-top: 17px;

	padding-bottom: 17px;
	text-align: center;
}

.mn a:hover

{

	color: #000000;

}

.in

{

	background-color: #cccccc;

	padding-right: 10px;

	padding-top: 10px

}

.in2

{

	width: 685px;

	height: 289px;

	background-image: url(/img/sh.jpg);		

	background-position: 10px 0;

	background-repeat: no-repeat;

	vertical-align: top;

	color: #2f3a42;

	font-size: 14px;

	font-style: italic;

}

.in333

{

	margin: 143px 400px 0 20px;

	padding: 0;

}

.in2 b

{

	color: #ffffff;

	font-weight: bold;

	font-style: normal;	

}

.in2 span

{

	color: #4b6070;

	font-weight: bold;

	font-style: normal;

}

.in3

{

	background-color: #ffffff;

	vertical-align: top;

	width: 271px;



    border-bottom: 10px solid #cccccc

}

.head

{

 background-color: #e1e6ed;

 color: #58636b;

 font-family: Tahoma;

 font-size: 24px;

 font-weight: bold;

 text-decoration: none;

 padding: 5px 10px;

 line-height: 22px

}

.head_news

{

 color: #58636b;

 font-family: Tahoma;

 font-size: 24px;

 font-weight: bold;

 text-decoration: none;

 padding: 20px 20px 0px 15px;

 line-height: 22px

}

.head span

{

	color: #333333

}

.pp

{

	padding: 0;

	margin: 10px;

}

.pp a

{

color: #666666;

font-size: 12px;

text-decoration: none;	

background-image: url(/img/st.gif);

background-position: 0 6px;

background-repeat: no-repeat;

padding: 3px 0 3px 20px;

display: block;

margin: 0;

}

a{

 color: #663399;

}

.pp a:hover

{

	color: #000000;

}

.in4

{
	margin-top: 30px;
	vertical-align: top;

}

.kat

{

	width: 100%;


	color: #000000;

font-size: 12px;

}

.kat10

{

	width: 95%;

	color: #000000;

	font-size: 12px;

	border: 1px solid #ffffff;

	background-color: #ffffff;

}



.kat1

{

	vertical-align: top;

	height: 150px;

	text-align: justify;

	border: 1px solid #ffffff;

}

.kat12

{

	vertical-align: top;

	height: 100%;

	text-align: justify;

	border: 1px solid #ffffff;

}

.kat td

{

	background-color: #ffffff;

}



.kat1 span

{

	color: #000000

}

.kat1 p

{

	text-align: right;

	font-size: 18px;

	font-weight: bold;

	font-style: italic;

	color: #663399;

}

.kat1 p span

{

	color: #999999;

	font-size: 14px;

	font-weight: normal;

}

.kat2

{

	border: 1px solid #999999;

	width: 50%;

	vertical-align: top;

	font-size: 14px;

	color: #000000;

	height: 170px

}

.kat2 p

{

	height: 55px;	

}

.kat2 a

{

	font-size: 14px;

	color: #000000;

	text-decoration: none;

}

.kat2 a:hover

{

	color: #999999

}

.price

{

	font-size: 18px;

	font-weight: bold;

	font-style: italic;

	color: #663399;

}

.k1

{

	width: 100px;

	float: left;

}

.k12

{

	width: 100%;

	float: left;

}

.our

{

	color: #666666;

	font-size: 12px;

	font-weight: bold

}

.k1 img

{

	margin-top: 7px

}

.k2

{

	float: right;

}

.news

{

  vertical-align: top;

  color: #666666;

	font-size: 12px;

	font-weight: normal;	

	padding-top: 10px

}



.news div

{

	margin: 10px;

	padding: 0;

}

.news span, .cont span

{

	color: #663399;

	font-size: 12px;

	font-weight: bold;

}

.news a

{

    margin-left: 150px;

    font-size: 10px;

	color: #663399;

	font-weight: normal;

	text-decoration: none;

}

.news a:hover

{

	text-decoration: underline;

}

.st

{

	color: #58636b;

	font-size: 12px;

	height: 40px;

	padding-right: 300px;

	text-align: center;

	background-color: #cccccc

}

.st a

{

	font-size: 12px;

	color: #58636b;

	text-decoration: none; 		

	padding-right: 3px;

	padding-left: 3px;

	padding-top:2px;

	padding-bottom:2px;	

	}

.st a:hover {	

	background-color: #9966cc;

	color: #ffffff

}

.cont

{

  background-color: #d3d3d3; 

  padding: 25px;

  color: #666666;

	font-size: 12px;

	font-weight: normal;	

}

.cont a

{

	color: #58636b

}

.adr

{

	float: left;

	margin-right: 45px;	

}

.adr2

{

	float: right

}

.adr2 a

{

	color: #666666;

	font-size: 12px;

	font-weight: normal;	

	text-decoration: none;

}



.jScrollPaneContainer {

	position: relative;

	overflow: hidden;

	z-index: 1;

}



.jScrollPaneTrack {

	position: absolute;

	cursor: pointer;

	right: 0;

	top: 0;

	height: 100%;

}

.jScrollPaneDrag {

	position: absolute;

	cursor: pointer;

	overflow: hidden;

	background:url(/img/begunok.png) no-repeat center top;

	height:42px

}

.jScrollPaneDragTop {

	position: absolute;

	top: 0;

	left: 0;

	overflow: hidden;

}

.jScrollPaneDragBottom {

	position: absolute;

	bottom: 0;

	left: 0;

	overflow: hidden;

}

a.jScrollArrowUp {

	position: absolute;

	z-index: 1;

	top: 0;

	right: 0;

	text-indent: -2000px;

	overflow: hidden;

	background:url(/img/up.jpg) no-repeat center top;

	height:18px;

}

a.jScrollArrowDown {

	display: block;

	position: absolute;

	z-index: 1;

	bottom: 0;

	right: 0;

	text-indent: -2000px;

	overflow: hidden;

	background:url(/img/down.jpg) no-repeat center top;

	height:18px;

}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {

	/*background-color: #f00;*/

}



.scroll-wrap {width:98%; margin:40px auto}

.scroll-pane {width:98%; height:150px; padding:0 0 0 10px;overflow:auto}

.scroll-pane2 {width:98%;height:410px; padding:0 0 0 10px;overflow:auto}



div.items {

height:410px; 

margin-left:8px; 

width:98%;

}

.product_img

{

	width: 180px;

	height: 150px;

}