@charset "utf-8";
/* CSS Document */

/*--------------COMMON----------------*/
html, body, #page { min-height: 100%; _height: 100%; background-color:#E0D9C2;}
#page { 
  font: normal 13px Arial, Helvetica, sans-serif;
  color: #434343;
}
.left {float: left;}
.right {float: right;}
.clr {clear: both;}

a, a:active  {
  color: #a10000;
  text-decoration: underline;
}
a:hover  {
  text-decoration: none;
}
strike{
  color: #A10000;
}
/*layout*/
.wrap { width: 1000px; margin: 0 auto;}

#header .top {
  background:url(../images/bg-head.png) repeat-x bottom #E0D9C2;
  width: 100%;
  height: 50px;
}
#logo {
  position:absolute;
  margin-left: 16px;
  margin-top: 6px;
  width: 220px;
  height: 125px;
}
#logo .logo-top{
  width:100%;
  background:url(../images/bg-logo-top.png) no-repeat;
  height:8px;
}
#logo .logo-middle{
  width:100%;
  background:url(../images/bg-logo-middle.png) repeat-y top;
  height:117px; /* 117 + heigth of header (#header .header) + 5px for padding*/
}
#logo .logo-middle.has-content{
  height:360px; /* 117 + heigth of header (#header .header) + 5px for padding*/
}	
#logo .logo-middle .info{
  top: 70px; /**/
  position:absolute;
  padding:25px;
}	

#logo .logo-middle img{
  margin: 14px 39px 36px 34px;
  position:absolute;
}	
#logo .logo-bottom{
  width:100%;
  top:70px;
  position:absolute;
  background:url(../images/bg-logo-line.png) no-repeat bottom;
  height:17px;
}
#header .top ul.topmenu {
  display:inline;
  float:right;
  margin: 19px 14px 23px 0;
}
#header .top ul.topmenu li{
  color: white;
  display:inline;
  font-size: 1.2em;
  font-weight: bold;
}
#header .top ul.topmenu li a{
  color: #e0d9c2;
  display:inline;
  text-decoration:none;
  font-weight: bold;
}
#header .top ul.topmenu li a.active, #header .top ul.topmenu li a:hover{
  text-decoration:underline;
}

#header .top ul.topmenu li.sep{
  margin: 0 8px;
}	
#header .top ul.topmenu li.home{
  margin: 0 19px;
}
#header .top ul.topmenu li a.main{
  color:#ffffff;
}
#header .menu {
  background:url(../images/bg-head-sub.png) repeat-x bottom #E0D9C2;
  height: 41px;
  width: 100%;
}	
#header .menu ul.mainmenu{
  display:inline;
  float:right;
  margin:auto 16px 0 300px;
  text-align:right;
  width:100%;
}
#header .menu ul.mainmenu li{
  color: #e0d9c2;
  display:inline;
}
#header .menu ul.mainmenu li.sep{
  margin: 0 19px;
  color:#9a9585;
}	
#header .menu ul.mainmenu li a, #header .menu ul.mainmenu li a:visited{
  display:inline;
  text-decoration:none;
  font-size: 1.4em;
  color:#555555;
  font-weight: bold;
}
#header .menu ul.mainmenu li.active a, #header .menu ul.mainmenu li a:hover{	
  color:#6e3c0f;
}
#header .header {
/*  background: #E0D9C2 url(../images/bg-header.jpg) no-repeat bottom;*/
  background: #E0D9C2 url(../images/header_bg02.jpg) no-repeat bottom;
  height: 293px;
  width: 100%;
}	

/*Main content*/
#mainContent {
  margin-top: 20px;
  float:left;
  padding-bottom: 15px;
  background:url(../images/bg-head-sub.png) repeat-x bottom #E0D9C2;
  width:100%;
}
#mainContent .left-column {
  margin-left:15px;
  width:222px;
  float:left;
}
#mainContent .right-column {
  width:222px;
  float:right;
}
#mainContent .column div{
  width:100%;
}
/**---Block-*/
#mainContent .column .left-block-top{
  background:url(../images/bg-left-top.png) no-repeat bottom;
  height:33px;
}
#mainContent .column .left-block-top h3{
  padding-top: 12px;
  padding-left: 25px;
  font-size: 1.1em;
  font-weight:bold;
  color: #e0d9c2;
  font-family: Tahoma,Geneva,sans-serif;
}
#mainContent .column .left-block-top h3 a, #mainContent .column .left-block-top h3 a:active, #mainContent .column .left-block-top h3 a:visited{
  font-weight:bold;
  color: #e0d9c2;
  font-family: Tahoma,Geneva,sans-serif;
}
#mainContent .column .left-block-middle{
  background:url(../images/bg-block-middle.png) repeat-y bottom;
  padding-bottom: 10px;
}
#mainContent .column .left-block-bottom{
  background:url(../images/bg-block-bottom.png) no-repeat bottom;
  height:30px;
  margin-bottom: 10px;
}
#mainContent .column .left-block-middle .left-block-content{
  padding-top:15px;
  padding-bottom:5px;
  margin-left:25px;
  width:157px;
  color: #434343;
  font-family: Tahoma,Geneva,sans-serif;
}
#mainContent .column dl.fields input, #mainContent .left-column dl.fields select, #mainContent .left-column dl.fields textarea {
  width: 156px;
  border: 1px ridge #B8AD95;
}
#mainContent .column .navigation{
  padding-top:5px;
}
#mainContent .column input.button{
  padding: 4px;
  color: #a10000;
  font-weight:bold;
  font-family: Tahoma,Geneva,sans-serif;
  border: 1px ridge #B8AD95;
  background-color: #e0d9c2;
}
#mainContent .column dl.fields dt{
  padding-bottom:3px;
}
#mainContent .column dl.fields dd{
  padding-bottom:5px;
}
#mainContent .column dl.fields.search{
  padding-bottom:10px;
}
#mainContent .column dl.fields.search #search_query{
  margin-top:1px;
  width:115px;
  height: 16px;
  float:left;
}
#mainContent .column dl.fields.search .button{
  width:16px;
  height:16px;
  float:left;
  margin-left: 3px;
}

/**-------Content-------*/
#mainContent .content .header .hl{
  background:url(../images/bg-content-header-b-l.png) no-repeat;
  width: 125px;
}
#mainContent .content .header .hr{
  background:url(../images/bg-content-header-b-r.png) no-repeat;
  width: 70px;
}
#mainContent .content .header .hc {
  background:url(../images/bg-content-header-b.png) repeat-x;
  width: 537px;
}
#mainContent .content .header.red .hl{
  background:url(../images/bg-content-header-r-l.png) no-repeat;
}
#mainContent .content .header.red .hr{
  background:url(../images/bg-content-header-r-r.png) no-repeat;
}
#mainContent .content .header.red .hc {
  background:url(../images/bg-content-header-r.png) repeat-x;
}
#mainContent .content .header.sand .hl{
  background:url(../images/bg-content-header-o-l.png) no-repeat;
}
#mainContent .content .header.sand .hr{
  background:url(../images/bg-content-header-o-r.png) no-repeat;
}
#mainContent .content .header.sand .hc {
  background:url(../images/bg-content-header-o.png) repeat-x;
}
#mainContent .content .header h2,
#mainContent .content .header h1 {
  width: 725px;
}

/**-------One Column-------*/
#mainContent.one-column .content{
  margin: 0 25px;
  width: 950px;
}
#mainContent.one-column .content .header .hc{
  width: 755px;
}
/**-------Three Columns-------*/
#mainContent.three-column .content {
  margin: 0 25px;
  width: 489px;
}

#mainContent.three-column .content .header .hc{
  width: 294px;
}
#mainContent.three-column .content .header h2,
#mainContent.three-column .content .header h1 {
  width: 475px;
}

#mainContent .content {
  width: 735px;
  margin-left:25px;
  float:left;
  text-align:justify;
}


#mainContent .content h1, #mainContent .content h2, #mainContent .content h3 {
  font-size: 1.1em;
  color: #632e00;
  font-weight: bold;
  margin-bottom:15px;
}
#mainContent .content h2{
  font-size: 1em;
}
#mainContent .content h3{
  font-size: 0.9em;
}
#mainContent .content p {
  margin-bottom:15px;
}

#mainContent .block {
  padding-bottom:27px;
}

#mainContent .block.part {
  width:350px;
  float:left;
}

#mainContent .content .header {
  height: 27px;
}
#mainContent .content .header div{
  float:left;
  height: 27px;
}

#mainContent .content .header h2, #mainContent .content .header h1 {
  font-weight: bold;
  font-size: 1.2em;
  position:absolute;
  color: #e0d9c2;
  padding-top: 4px;
  padding-left: 13px;
  float:left
}

#mainContent .content .header h2 a, #mainContent .content .header h1 a{
  font-weight: bold;
}

#mainContent .content .header h2 a, #mainContent .content .header h1 a {
  color: #e0d9c2;
}

#mainContent .content .info {
  margin-top:20px;
}

#mainContent .content .intro{
margin-bottom:20px;
}

#mainContent .content .intro .preview{
  width: 220px;
  text-align: center;
  vertical-align: top;
}


#mainContent .content .info .preview{
  width: 95px;
  text-align: center;
  vertical-align: top;
}

#mainContent .content .carusel
{
  display: inline;
  padding: 6px;
  background-color: #fff;
  margin-right:8px;
}

#mainContent .content .carusel .carusel-element
{
  display: inline;
  float: left;
}

#mainContent .content .carusel .img-container{
  width: 95px;
  text-align: center;
  padding: 6px;
  background-color: #fff;
  margin-right:8px;
}

#mainContent .content .carusel .img-container img{
  margin-left:auto;
  margin-right:auto;
}

#mainContent .content .preview .img-container{
  padding: 6px;
  background-color: #fff;
  margin-right:8px;
  float:left;
}

#mainContent .content .preview .img-container img{
  margin-left:auto;
  margin-right:auto;
}

#mainContent .content .info .description{
  width: 100%;
}
#mainContent .content .info .description .subcategories{
  clear: both;
  text-align: left;
}

#mainContent .content .info .description .subcategories ul li{
/*  display: inline; */
list-style: none;
}


#mainContent .content .breadcrumbs{
  clear: both;
  text-align: left;
  width:100%;
  padding-bottom: 25px;
}
#mainContent .content .breadcrumbs ul li{
  float:left;
  margin-left:20px;
}
#mainContent .content .breadcrumbs ul li.first{
  list-style: none;
  margin-left:0px;
}

#mainContent .content .breadcrumbs ul li a, #mainContent .content .breadcrumbs ul li a:visited, #mainContent .content .breadcrumbs ul li a:active{
  color: #E0D9C2;
}

.read-more {
  margin-top: 15px;
}
.read-more a.arrows{
  background:url(../images/read-more.png) no-repeat center;
  width:7px;
  padding-right:10px;
  text-decoration:none;
}
#mainContent .content ul {
  padding-left:  15px;
}

#mainContent .content .breadcrumbs ul {
  padding-left:  0;
}

#mainContent .content ul li{
  list-style-image:url(../images/li.png) ;
}

#footer {
  float:left;
  padding: 15px 0;
  width:100%;
}	
#footer ul.bottommenu {
  margin-left: 19px;
}
#footer ul.bottommenu li{
  color: #434343;
  display:inline;
}
#footer ul.bottommenu li a{
  color: #434343;
  display:inline;
  text-decoration:none;
  font-size: 1em;
}
#footer ul.bottommenu li a.active,#footer ul.bottommenu li a:hover{
  text-decoration:underline;
}
#footer ul.bottommenu li.sep{
  margin: 0 8px;
}
#footer .copy {
  clear:both;
  float:right;
  margin-right:12px;
}

ul.catalog {
  text-align: left;
}
ul.catalog li.level_1{
  margin-left: 0px;
}

ul.catalog li{
  margin-left: 12px;
  padding-top: 5px;
}
ul.catalog a{
  color: #000;
  text-decoration: none;
}
ul.catalog a:hover, ul.catalog li a.active{
  color: #A10000;
  text-decoration: underline;
}

#cartContainer .title {
  width:100px;
  font-size: 0.9em;
  padding-bottom: 10px;
}

#cartContainer .price{
  white-space: nowrap;
  font-size: 0.9em;
}

#cartContainer .price strike{
  color: red;
}

.paging {
  width:100%;
  text-align: right;
  padding: 15px 0;
}

.paging ul li{
  display: inline;
  list-style: none;
}

#related {
  width: 100%;
  padding-bottom: 25px;
  height: 100px;
}

#related table.products{
  display: inline;
  width: 100%;
  padding: 0;
  padding-top: 5px;
}

table.content-table {
  border: 2px solid #632E00;
}

table.content-table tr, table.content-table th, table.content-table td{
  border: 1px solid #632E00;
}
table.content-table th, table.content-table td{
  padding: 5px !important;
}

#vkshare0{
  float: left;
  margin-right: 4px;
}