/* CSS Document */

html {
height: 100%;
}
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	padding: 0;
	margin: 0;
	background-image: url(/images/fon.png);
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background-position: center top;
}
#wrapper {
	background-image: url(/images/header-fon.jpg);
	background-repeat:no-repeat;
	background-position:center 0px;
	width:900px;
	margin:0 auto 0 auto;
}
#header {
	background-image: url(/images/bcont.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	height:250px;
}
#wrapper #content {
	padding-left:30px;
	font-size:10pt;
	color:#858585;
	line-height:14pt;
}

#wrapper #cont {
padding:0;
}

#footer {
	position:absolute;
	margin: 0 auto 0 auto;
	bottom:0;
	width:900px;
	height:120px;
	z-index:1;
	background-image: url(/images/bottom-line.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 60px 0 0 0;
	text-align: left;
}
#bfoot {
	clear: both;
	height: 180px;
}
.expand {
	background-image: url(/images/strelka.gif);
	background-repeat: no-repeat;
	background-position: right 8px;
	padding-right: 20px;
	margin-right: 5px;
/*	border:solid 1px #ccc; */
}


#top-menu {
	position:absolute;
	top:215px;
	width:900px;
	font-weight: bold;
	margin-top: 0;
}
#top-menu ul {
	text-align: center;
	padding:0;
	margin:0;
}
#top-menu ul li {
	color: #c9b697;
	display: inline;
	list-style-type: none;
}
#top-menu ul li a {
	color: #c9b697;
	text-decoration: none;
	margin: 0 20px 0 15px;
}
#top-menu ul li a:hover {
	text-decoration:underline;
}
#header #phone {
	position:absolute;
	top: 30px;
	width:900px;
	text-align: right;
	color: #767676;
	font-size:12pt;
}
#header #mag {
	position:absolute;
	top:180px;
	width:900px;
	text-align:center;
	color: #c9b697;
	font-size: 10pt;
}
.ramka {
	border: solid 1px #b38b32;
	background-image:url(/images/ramka-fon.png);
	padding: 4px;
	width:149px;
	display:block;
	height: auto;
}
.ramka img {border: 0;}

h1 {
	color:#858585;
	font-size:20pt;
	font-weight:normal;
}
h2 {
	font-size:15pt;
	color:#bbb;
	font-weight:normal;
}
h3 {
	color:#bbb;
	font-size:13pt;
	font-weight:normal;
}
h4 {
	color:#bbb;
	font-size:12pt;
}
h5 {
	font-size:12pt;
}
h6 {
	font-size:10pt;
}
a {
	color:#c9b697;
}
p {
	font-size:9pt;
	color:#858585;
}

div{
	color:#858585;
}

.topproduct {
	float:left;
	width:220px;
	padding: 24px 0 20px 60px;
	background-image:url(/images/ramka-top.png);
	background-repeat: no-repeat;
	background-position: 94px 0px;
	margin:20px 0 10px 0;
}
.topproduct h2 {
	color:#e1b76e;
	text-decoration:underline;
	font-size:14pt;
	font-weight:normal;

}
.topproduct ul {
	margin:0;
	padding:0;
	position:relative;
}
.topproduct ul li{
	list-style:none;
	font-size:11pt;
	margin: 3px 0;
	position:relative;
}
.topproduct ul li a{
	color:#c9b697;
	text-decoration:none;
	position:relative;
}
.topproduct ul li a:hover{
	text-decoration:underline;
}
#bottom-menu {
	font-size:9pt;
	float: left;
	margin-left: 30px;
}
.copy {
	color: #c49859;
	font-size: 7pt;
	margin: 0 0 10px 0;
}
#copyright {
	float: left;
	width: 160px;
	padding-left:40px;
}

#bottom-menu ul {
	text-align: left;
	padding:0;
	margin:0;
}
#bottom-menu ul li {
	color: #c9b697;
	display: inline;
	list-style-type: none;
}
#bottom-menu ul li a {
	color: #c9b697;
	text-decoration: underline;
	margin: 0 20px 0 0;
}
#bottom-menu ul li a:hover {
	text-decoration:underline;
}
#kw {
	position: absolute;
	bottom: 50px;
	color: #5f5f5f;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	width: 610px;
	padding-left: 290px;
}

.lmenu {
	float:left;
	width:216px;
	background: transparent url(/images/lmenu-top.png) no-repeat right top;
	padding: 17px 0 20px 20px;
	margin: 50px 0 50px 0;
}
.lmenu ul {
	padding:0;
	margin:0 0 0 15px;
}
.lmenu ul li {
	list-style-image:url(/images/bull-left.png);
	padding:3px 0 3px 0;	
}
.lmenu ul li.open {
	list-style-image:url(/images/bull-down.png);
	padding:3px 0 3px 0;	
}
.lmenu ul li a {
	font-size:9pt;
	font-weight:bold;
	color:#b29157;
	text-decoration:underline;
}
.lmenu ul li a.current, .lmenu ul li a:hover {
	color:#f0eac8;
}
.lmenu ul ul{
	padding:0 0 0 20px;
	margin:0;
}
.lmenu ul ul li{
	list-style:none none;
	padding:1px 0 1px 0;	
}
.lmenu ul ul li a {
	font-size:9pt;
	font-weight:normal;
	color:#9e8f77;
	text-decoration:none;
}
.lmenu ul ul li a.current, .lmenu ul ul li a:hover {
	color:#f0eac8;
}
.main {
	float:left;
	width:609px;
	padding: 0;
	margin: 15px 0 50px 55px;
}
.main img, .sproduct img {
	border: solid 1px #b38b32;
	background-image:url(/images/ramka-fon.png);
	padding: 4px;
	display:block;
}
.sproduct {
	float:left;
	width:auto;
	padding:10px 25px 10px 0;
}
.descr {
	text-align:center;
	width:150px;
	padding: 10px;
	font-size:9pt;
	color:white;
	white-space:nowrap;
}
.breadcrumb {
	font-size:8pt;
	color:#858585;
	padding: 30px 0 0 0;
}
.breadcrumb a {
	color:#858585;
	text-decoration:none;
}
.breadcrumb a:hover {
	color:white;
	text-decoration:underline;
}
.breadcrumb em {
	color:white;
	font-style:normal;
}
.product {
	float:left;
	overflow: hidden;
	width: 348px;
	height: 367px;
}

.product_cont {
	overflow: hidden;
}

.carousel {
	width:106px;
	height:auto;
	float:left;	
	margin:0 0 0 16px;
	padding:0;
}
.cartop {
	width:106px;
	background:transparent url(/images/cartopright.png) no-repeat right top;
	height:9px;
}
.carbottom {
	width:106px;
	background:transparent url(/images/cardownright.png) no-repeat right top;
	height:9px;
	margin:0;
	padding:0;
}
.carbody {
	border-left:solid 3px #1a2023;
	border-right:solid 3px #1a2023;
	background-color:#0e1114;
	padding:25px 13px;
	text-align:center;
	margin:0;
	border-top:none;
	border-bottom:none;
}
.carbody_cont {overflow: hidden; height: 255px;}
.main .carousel .carbody img {
	margin: 0 auto 0 auto; cursor: pointer; padding: 4px 0 4px 0;
}
.main .carousel img {
	border:none;
	background:none;
	padding:0;
	margin:0;
}
.main .carousel .carbottom img {
	margin: 0;
}
.main .info {
	padding: 15px 0 0 0;
	color:#7d8183;
	clear:left;
	width: 500px;
}
.main .info p {
	font-size:9pt;
	color:#7d8183;
	line-height:16pt;
}
.baloon1 {
	position: absolute;
	background-color: #323232;
	padding: 10px;
	border: 3px solid #899195;
	width: 470px;
	z-index: 10000;
}
.baloon1 .carousel {
	width:106px;
	height:auto;
	float:left;	
	margin:0;
	padding:0 0 0 12px;
}
.baloon1 .product {
	width: 338px;
	height: 357px;
	border: 5px solid #383A3C;
	margin: 1px 0 0 0;
}

.baloon1 .product a img {border: 0;}

.baloon1 .cartop {
	width:106px;
	background:transparent url(/images/bcartopright.png) no-repeat right top;
	height:9px;
}
.baloon1 .carbottom {
	width:106px;
	background:transparent url(/images/bcardownright.png) no-repeat right top;
	height:9px;
	margin:0;
	padding:0;
}
.baloon1 .carbody {
	border-left:solid 3px #383a3c;
	border-right:solid 3px #383a3c;
	background-color:#333435;
	padding:25px 13px;
	text-align:center;
	margin:0;
	border-top:none;
	border-bottom:none;
}
.baloon1 .carousel .carbody img {
	margin: 0 auto 0 auto; cursor: pointer; padding: 4px 0 4px 0; display: block;
}
.baloon1  .carousel img {
	border:none;
	background:none;
	padding:0;
	margin:0;
}
.baloon1  .carousel .carbottom img {
	margin: 0;
}
.baloon1 .info {
	margin:0;
	padding:15px 0 0 0;
	color:#dbe0e1;
	clear:left;	
	font-size:8pt;
}
.baloon1 h3 {
	margin: 0;
	padding: 0 0 8px 0;
	text-decoration: none;
}

.pager {
	font-size:8pt;
	text-align:right;
	color:#858585;	
	clear:both;
	border-top:solid 1px #899195;
	margin:20px 10px 10px 400px;
	padding-top: 5px;
}
.pager a {
	text-decoration:none;
	color:#858585;	
	padding:0 5px;
}
.pager a:hover {
	color:white;
}
.pager b {
	color:white;
		padding:0 5px;
}
/******************anylink menu************************/

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
	/* background: yellow; */
}


/* ######### Default class for drop down menus ######### */

.anylinkcss{
	background-color:#4b4b4b;
	background-image:url(/images/strelka.png);
	background-position:10px -3px;
	background-repeat:no-repeat;
	border-top:solid 1px #c9b697;
	border-bottom:solid 1px #c9b697;
	padding:10px 0 5px 0;
	width:170px;
	position: absolute;
	left: 0;
	top:  0;
	margin: 7px 0 0 -12px;
	visibility: hidden;
	z-index: 100; /* zIndex should be greater than that of shadow's below */
	overflow:hidden;
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li{
	background-color:#4b4b4b;
	padding:0;
	margin: 0;
	font-size:9pt;
	line-height:10pt;
}
.anylinkcss ul li:hover{
	background-color:#262931;
}
.anylinkcss ul li a{
	text-decoration:none;
	color:#968771;
	margin:0;
	display:block;
	width:170px;
	padding:2px 10px 3px 10px;
}
.anylinkcss ul li a:hover{
	text-decoration:none;
	background-color:#262931;

}


/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #DEFFCA;
}

.anylinkcsscols .column{
width: 130px;
float: left;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 3px;
}

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
/*
margin: 5px -5px 0 0; */
padding:5px 0 10px 0; 
}

/*              end anylink menu               */

/***************** sticky tooltip *****************/

/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #323232;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #323232;
  border:solid 3px #899195;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
  background-color: #323232;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  font-size:8pt;  
  margin: 0 5px 5px;
  color: #900;
}

.cluetip-default div#cluetip-close a { 
  text-decoration:none;
}
.sticky {
}

.left_arr_block img, .right_arr_block img {
	margin: 0 0 -5px 0;
}

.left_arr_block {
	display:block;float:left;font-size:9pt;
	background: url('/images/left_arrow.gif') no-repeat 0 13px;
	padding: 0 0 0 25px;
	width: 80px;
	text-align: center;
}

.right_arr_block {
	display:block;float:right;font-size:9pt;
	background: url('/images/right_arrow.gif') no-repeat right 13px;
	padding: 0 28px 0 0;
	width: 80px;
	text-align: center;
}

.av {display: block; padding: 5px 0 0 0;  color: #B29157;}
.av_small {display: block; padding: 3px 0 0 0; color: #B29157; font-weight: normal; font-size: 11px;}