
* {
	margin: 0;
	padding: 0;	
}

img, fieldset {
	border: 0;
}

body {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 100.1%; /* возможно меньше, около 70-80% */
	line-height:1.125em;
	color: #030303;
	text-align: center;
	background: #d9dada url(images/bg.jpg) repeat-x top center;	
	overflow-x: hidden;
}

ul, li, form, dt, dl, dd, ol, div, p, 
blockquote, h1, h2, h3, h4, h5, h6, a, 
pre, code {
  margin: 0;
  padding: 0;
}


h2 {
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.2em;
	color: #315482;	
}
h3 {
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #000;	
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* =Links
-----------------------------------------------------------------------------*/

a:link {
	color: #e44853;
	text-decoration: underline;
}

a:visited {
	color: #e44853;
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
}

a:hover {
	color: #2e75a8;
	text-decoration: underline;
}

a {
	outline: none;
}
/* div {border: 1px solid red;} */

/* =Structure
-----------------------------------------------------------------------------*/
#container-tb {
	width: 1002px;
	margin: 0 auto;
	text-align:left;
	padding: 0;	
	background-color: #fff;	
}
#header {
  height: 115px;
  background: url(images/head.jpg) no-repeat left top;
}
#top-menu {
  height: 45px;
  background: url(images/menu-bg.jpg) no-repeat left top;
}


#content {
  height: 800px;
}


#left {
  width: 207px;
  vertical-align: top;
  background: url(images/left-col-bg.jpg) repeat-y left top;
}

#right {
  vertical-align: top;
  width: 211px;
  background: url(images/right-col-bg.jpg) repeat-y left top;
}

#center {
  vertical-align: top;
  width: 584px;
  background: url(images/center-bg.jpg) repeat-y center top;
  text-align: center;
}
#center hr { 
  background-color:#ccd8fe; 
  color:#ccd8fe; 
  height: 10px; 
  margin: 0 !important;
  border: none !important;
  margin: none !important;
}
*+html #center hr { position: relative; top: -7px; height; 15px;}


#footer {
 height: 50px;
 background-color: #528cf7;
}

/**************** TOP MENU *********************************************/
#top-menu ul { margin-left: 120px;margin-top: 3px;}
* + html #top-menu ul {margin-top: 4px;}
#top-menu td ul li {
  list-style: none;
  float: left;
}
#top-menu td ul li a {
  display: block;
  padding-top: 7px;
  text-align: center;
  width: 175px;
  height: 31px;
  color: #ffdebd;
  font-size: 14px;
  text-decoration: none;
}
#top-menu td ul li a:hover {
  background: url(images/menu-sel2.jpg) no-repeat left top;
}

/**************** SEARCH *********************************************/
#searchbox {
  float: left;
  width: 169px;
  height: 20px;
  padding-left: 5px;
  background: url(images/search-bg.jpg) no-repeat left top;
  margin-top: 5px;
  margin-left: 130px;
}
#searchtext {
  border: none;
  width: 115px;
  height: 15px;  
  font-size: 11px;
  margin-bottom: 5px;
}
#searchsubmit {
  width: 50px;
  height: 20px;
  background: none;
  border: none;
  z-index: 999;
  border: none;
}


/**************** LEFT MENU *********************************************/
#left-menu {
  width: 207px;
  height: 253px;
  background: url(images/left-menu-bg.jpg) no-repeat left top;
  
}

#left-menu ul {
  position: relative;
  top: 19px;
  left: 32px;
}

#left-menu ul li {
  list-style: none; 
  padding-left: 25px;
  padding-top: 11px;
}

#left-menu ul li a {
  color: #020202;
  font-size: 15px;
  letter-spacing: -1px;
  text-decoration: none;
}
#left-menu ul li a:hover { text-decoration: underline; } 

#m1 { background: url(images/icons/icon1.jpg) no-repeat left bottom;}
#m2 { background: url(images/icons/icon2.jpg) no-repeat left bottom;}
#m3 { background: url(images/icons/icon3.jpg) no-repeat left bottom;}
#m4 { background: url(images/icons/icon4.jpg) no-repeat left bottom;}
#m5 { background: url(images/icons/icon5.jpg) no-repeat left bottom;}
#m6 { background: url(images/icons/icon6.jpg) no-repeat left bottom;}
#m7 { background: url(images/icons/icon7.jpg) no-repeat left bottom;}

/**************** Sales *********************************************/
#sales {
  width: 191px;
  position: relative;
  left: 6px;  
}
#sales div {
  border-left: 1px solid #e5666e;
  border-right: 1px solid #e5666e;  
  padding: 15px 10px 5px 17px; 
  font-size: 12px; 
  line-height: 15px;
}
#sales div p { margin-bottom: 10px;}
#sales b.top {
  display: block;
  font-weight: normal;
  font-size: 15px;
  padding-top: 3px;
  padding-left: 16px;
  color: #fff;
  width: 191px;
  height: 24px;
  background: url(images/sales-cap.jpg) no-repeat left top;
  border: none;
  letter-spacing: -1px;
}
#sales b.bottom {
  display: block;
  width: 191px;
  height: 3px;
  background: url(images/sales-bot.jpg) no-repeat left top;
  border: none;
}

/**************** Special *********************************************/
#special {
  width: 206px; 
  position: relative;
  left: 1px; 
  margin-top: 20px;
  background: url(images/left-cap.jpg) no-repeat left top;  
}

#special h5 {
  padding-top: 8px;
  margin-left: 12px;
  font-weight: normal;
  font-size: 15px;
  color: #fff;
  margin-bottom: 20px;
  letter-spacing: -1px;
}
#special p { 
  text-align: center;  
  font-size: 12px;
  background: url(images/line.jpg) no-repeat center bottom;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
#special p a {font-size: 11px;}
span.caption {
  font-size: 12px;
  font-weight: bold;
  color: #000;
  display: block;
}
span.new-price {
  display: block;
  margin-top: 5px;
}
span.new-price big{
  color: #5b92f7;
  font-size: 18px;  
}
span.old-price {
  font-size: 11px;  
  display: block;
  margin-top: 5px;
}
span.old-price s { font-size: 14px; }

/**************** KORZINA *********************************************/
#korzina {
  width: 211px;   
  background: url(images/right-cap.jpg) no-repeat left top;    
}
#korzina h5 {
  padding-top: 8px;
  margin-left: 12px;
  font-weight: normal;
  font-size: 15px;
  color: #fff;
  margin-bottom: 20px;
  letter-spacing: -1px;
}
#korzina p {
  font-size: 12px;
  margin-left: 25px;
}
#korzina p a { color: #528cf7; text-decoration: underline; }
#korzina p a:hover { color: #e44853; }
#korzina p.button {
  width: 185px;
  height: 25px;
  margin-left: 15px;
  margin-top: 10px;
  background: url(images/right-button.jpg) no-repeat left top;
  color: #fff;
  padding-top: 3px;
  text-align: center;
}
#korzina p.button a {  
  color: #fff;
}
#korzina p.button a:hover {text-decoration: none;}
/**************** Houses *********************************************/
#houses {
  margin-top: 20px;
  width: 211px;   
  background: url(images/right-cap.jpg) no-repeat left top;    
}
#houses h5 {
  padding-top: 8px;
  margin-left: 12px;
  font-weight: normal;
  font-size: 15px;
  color: #fff;
  margin-bottom: 20px;
  letter-spacing: -1px;
}
#houses ul { 
  margin-top: 15px; 
  margin-left: 25px; 
}
#houses ul li { 
  list-style: none;
  display: block; width: 150px;
}
#houses ul li a { 
  font-size: 11px;
  color: #084eda;
  text-decoration: none;
  display: block; width: 150px;
  margin-top: 5px;line-height: 13px;
}
#houses ul li a:hover { 
	color: #020202; 
	text-decoration: underline;
}
/**************** Aromaty *********************************************/
#aromaty {
  margin-top: 20px;
  width: 211px;   
  background: url(images/right-cap.jpg) no-repeat left top;    
}
#aromaty h5 {
  padding-top: 8px;
  margin-left: 12px;
  font-weight: normal;
  font-size: 15px;
  color: #fff;
  margin-bottom: 20px;
  letter-spacing: -1px;
}
#aromaty h2 {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #eb5861;
}
#aromaty b {
  margin-left: 15px;
  font-size: 13px;
  color: #528cf7;
}
#aromaty ul { 
  margin-top: 5px; 
  margin-bottom: 5px;
  margin-left: 25px; 
}
#aromaty ul li { 
  list-style: none;
  display: block; width: 150px;
}
#aromaty ul li a { 
  font-size: 11px;
  line-height: 14px;
  color: #528cf7;
  text-decoration: none;
  display: block; width: 150px;
  margin-top: 5px;line-height: 13px;
}
#aromaty ul li a:hover { 
	color: #020202; 
	text-decoration: underline;
}
/**************** POLEZNIE SSILKI *********************************************/
#links {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 211px;   
  background: url(images/right-cap.jpg) no-repeat left top;    
}
#links h5 {
  padding-top: 8px;
  margin-left: 12px;
  font-weight: normal;
  font-size: 15px;
  color: #fff;
  margin-bottom: 20px;
  letter-spacing: -1px;
}
#links ul {
  margin-top: 15px;
  margin-left: 15px;
}
#links ul li {
  list-style: none;
  background: url(images/bullit.jpg) no-repeat left center;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 10px;
}
#links ul li a {
  font-size: 11px;  
  line-height: 13px;
  color: #528cf7;
  text-decoration: underline;
}
#links ul li a:hover { color: #020202; }

/**************** MAIN CONTENT *********************************************/
#main-content {
  width: 559px;
  background-color: #fff;  
  margin: 0 auto;
  margin-top: 12px;
  padding: 0px 5px 15px 5px;
  font-size: 12px;
  line-height: 14px;
  text-align: left;
}
*+html #main-content {
  width: 558px;
  margin-top: -5px;
}

#main-content h2 {
 margin-left: 5px;
 margin-bottom: 15px;
 margin-top: 15px; 
}

#main-content p {
  margin-left: 5px;
  margin-right: 5px;
}
#main-content strong {
  color: #ea535d;
}

#new {
  margin-top: 20px;
  width: 560px;
  height: 196px;
  background: url(images/news-bg.jpg) no-repeat left top;
}
#new div.new-prod {
  float: left;
  width: 180px;
  margin-top: 15px;
  margin-left: 4px;
  text-align: center;
  font-size: 11px;
}




#new h3 { font-size: 12px; color: #fff; position: relative; top: 7px; margin-left: 20px; font-weight: normal;}
#new div.new-prod span { font-size: 12px;}
#new div.new-prod a { font-size: 11px; }
#new div.new-prod span.new-price {font-size: 12px; text-indent: 0px; }
#new div.new-prod span.new-price big {font-size: 14px;}
#new div.new-prod span.caption {margin-bottom: 5px;}
#allnews { font-size: 12px !important; float: right;color: #84adf9; position: relative; top: 35px; margin-right: 5px;}
#allnews:hover { color: #e44853; }
#allnew { font-size: 12px !important; float: right;color: #84adf9; position: relative; top: 15px; margin-right: 5px;}
#allnew:hover { color: #e44853; }

#excluz {
  margin-top: 30px;
  width: 558px;
  background: url(images/excluz-bg.jpg) repeat-y left top;
  float: left; 
}


#excluz div.new-prod {
  float: left;
  width: 180px;
  margin-top: 15px;
  margin-left: 4px;
  text-align: center;
  font-size: 11px;
  position: relative;
  top: -15px;
}
#excluz b.top {
  display: block;  
  padding-top: 10px;
  padding-left: 20px;  
  width: 558px;
  height: 42px;
  background: url(images/excluz-cap.jpg) no-repeat left top;
  border: none;  
  font-weight: normal;
  font-size: 12px; color: #fff; 
}
#excluz b.bot {
  display: block;
  width: 558px;
  height: 16px;
  background: url(images/excluz-bot.jpg) no-repeat left top;
  border: none;
  float: left; 
}


#excluz h3 { font-size: 13px; color: #fff; margin-top: 7px; margin-left: 20px;}
#excluz div.new-prod span { font-size: 12px;}
#excluz div.new-prod a { font-size: 11px; }
#excluz div.new-prod span.new-price {font-size: 12px; }
#excluz div.new-prod span.new-price big {font-size: 14px;}
#excluz div.new-prod span.caption {margin-bottom: 5px;}
#allexcluz {float: right; position: relative; top: 35px; margin-right: 5px;font-size: 12px !important; }

/**************** FOOTER *********************************************/
#footer td { vertical-align: top; text-align: center; }

#footer td ul {
  position: relative;
  top: 5px;
  left: 160px;   
}
#footer td ul li {
	font-size: 13px;
  color: #fddcbc;
  list-style: none;  
  float: left;
  margin-left: 30px;
}
#footer td ul li a {
  font-size: 13px;
  color: #fddcbc;
  text-decoration: none;
}

#counters {
 width: 300px;
 text-align: center;
}



/**************** SHADOWS *********************************************/
#left-s {
  position: absolute;
  top: 0px;
  width: 10px;
  background: url(images/sl.png) repeat-y left top;
  display:none;
}
#right-s {
  position: absolute;
  top: 0px;
  width: 10px;
  background: url(images/sr.png) repeat-y left top;
  display:none;
}



/**************** VNUTRIAK1 *********************************************/
#nav {
  color: #eb5861; 
  font-size: 12px;
  margin-left: 5px;
}
#nav a {
  color: #eb5861; 
  font-size: 12px;
  text-decoration: underline;
}
#nav a:hover { color: #84adf9;}
div.blocklists {
  padding-top: 10px;  
  clear: both;
}
div.blocklists h2 {
  margin-bottom: 15px;
}

div.list1 {
  clear: both;
  margin-top: 15px;
  margin-left: 5px;
}
div.list1 h3 {
  font-size: 12px;
  color: #ea525c;
  margin-bottom: 5px;
}
div.list1 h3:hover {
  text-decoration: underline;
  cursor:pointer;
}
div.list1 p {
  width: 400px;
  margin-left: 0px !important;
  float: left;
}
div.list1 img { 
  float: left;  
  margin-right: 25px;
}
div.list1 img:hover { 
	border: 1px solid #ea525c;
	cursor:pointer;
}
div.list1 a {
  float: right;
  color: #528cf7;
  font-size: 12px;
  margin-top: 5px;
  margin-right: 20px;
}
div.list1 a:hover { color: #e44853;}

/**************** SEARCH PAGE *********************************************/
p.search-answer {
  font-size: 14px;
  margin-top: 15px;
}
p.search-answer strong { color: #528cf7 !important; }

div.searchlist {
  clear: both;
  margin-top: 15px;
  margin-left: 5px;
}
div.searchlist h3 {
  font-size: 12px;
  color: #ea525c;
  margin-bottom: 5px;
}
div.searchlist p {  
  width: 550px;
  margin-left: 0px !important;
  float: left;
}
div.searchlist a {
  float: right;
  color: #528cf7;
  font-size: 12px;
  margin-top: 5px;
  margin-right: 5px;
}
div.searchlist a:hover { color: #e44853; }




/**************** OTZIVI *********************************************/

table.product-list-tb tbody tr td {
  padding-top: 5px
}
td.title-td {
  padding-left: 5px;
}
td.price-td {
  text-align: right;
  padding-right: 20px;
  width: 150px;
}
td.korz-td {
  width: 40px;
}

div.product-list {
 margin-left: 5px;
}

a.item {
  font-size: 12px;
  color: #528cf7;
  margin-right: 130px;
}
a.item:hover {color: #e44853;}

span.price {
  font-size: 13px;
}

#product {  
  margin: 20px 5px 20px 5px;
}
#product h2 {
  font-size: 13px;
  font-weight: bold;
  color: #eb5861;  
}
#product ul {
  margin-left: 30px;
  line-height: 25px;
}
#product-list-tb { width: 550px; clear: both; padding-top: 10px; }

div.product-list {
 margin-left: 5px; 
}
a.item {
  font-size: 12px;
  color: #528cf7;
  margin-right: 130px;
  width: 220px;
  display: block;
}
a.item:hover {color: #e44853;}
span.price {
  margin-right: 20px;
  font-size: 13px;
}
a.korz {
  position: relative;
  top: 6px;
}
p.otziv-text {
  margin-top: 10px;
  padding: 10px;
  padding-bottom: 5px;
  background-color: #fbd1d3;
}
span.people-name {
  display: block;
  font-weight: bold;
  font-size: 14px;  
}
span.people-text {
  display: block;
  font-size: 12px;
  margin-top: 20px;
  margin-bottom: 20px;
}
a.cit-but {
  display: block;
  width: 95px;
  height: 19px;
  background: url(images/cit.jpg) no-repeat;
  float: right;
}
a.ans-but {
  display: block;
  width: 94px;
  height: 19px;
  background: url(images/otv.jpg) no-repeat;
  float: right;
  margin-left: 5px;
}


#otziv-title {
  color: #010101;
  font-size: 14px;
  margin-top: 20px;
}

#fb { margin-top: 15px;margin-left: 5px;}
#fb label { font-size: 12px; color:#000; padding-top: 10px;  }
#fb input {border: 1px solid #b0afaf; background-color: #fff; color:#333;}
#fb textarea { height: 200px; width: 545px; border: 1px solid #b0afaf; background-color: #fff; color:#333;}
#submit {margin-top:5px; background: url(images/submit.jpg) no-repeat; width: 121px; height: 19px; border: none !important; float: right;margin-right: 5px;}
#submit {border: none: !important;}
#submit:hover {border: 1px solid #333; cursor: pointer; cursor: hand; }
#fb input:hover {border: 1px solid #333;}
#fb input:focus {border: 1px solid #333;}
#fb textarea:hover {border: 1px solid #333;}
#fb textarea:focus {border: 1px solid #333;}










/**************** CLASSES *********************************************/
.undline {
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 2px;
}
img.floatleft {
  float: left;
  margin-right: 15px;  
}
p.up10 {
  margin-top: 15px;
}
img.floatright {
  float: right;
  margin-left: 15px;  
}
.nobg { background: none !important; }
.bluebullet {
	background: url(images/arrow1.jpg) no-repeat left 7px;	
}
.redbullet {
	background: url(images/arrow2.jpg) no-repeat center left;
}

.nobg { background-image: none !important; }

strong

div.empty {height: 20px;}

img.fleft {
	float: left;
	margin-right: 10px;
}
.top15 {margin-top: 15px;}

a.up { font-size: 0.6em; float: right; margin-right: 10px; margin-bottom: 10px; }

/**************** Alfavit *********************************************/

div.block {
  width: 130px;
 
  margin-top: 10px;
  margin-left: 5px;
}

div.entry {
  float: left;
  width: 130px;
  margin-left: 5px;

}

div.block strong {
  font-size: 14px;
  color: #000 !important;
}
div.block ul li {
  list-style: none;
}
div.block ul li a {
  color: #528cf7;
}
div.block ul li a:hover {
  color: #eb5861;
}
/**************** ZAKAZ FORM *********************************************/
span.red {
  color: #ea525c;
}
#sub {
  width: 529px;
  margin-top: 10px;
  background: url(images/form-bg-m.jpg) repeat-y left top;
 
}
#form-zakaz {
  width: 529px; 
  background: url(images/form-bg-top.jpg) no-repeat left top;
}
#form-zakaz h4 {
  padding-top: 20px;
  margin-left: 250px;
  color: #000;
  font-size: 14px;
  font-weight: normal;
}
#list-tb {
  margin-left: -24px;
  margin-top: 30px;
  position: relative;
}

#list-tb tr.cap td {color: #ea525c; }
#list-tb tr.cap td.r1 { width: 250px; }
#list-tb tr.cap td.r2 { width: 70px; }
#list-tb tr.cap td.r3 { width: 50px; }
#list-tb tr.cap td.r4 { width: 70px; }
#list-tb tr.cap td.r5 { width: 20px; }
#list-tb tr { height: 20px;}
#list-tb tr td {text-align: center;}
#list-tb tr td a {color: #528cf7; }
#list-tb tr td a:hover {color: #ea525c;}

#total {
  margin-left: 250px;
  margin-top: 20px;
  line-height: 20px;
}
#form-zakaz form {
  margin-left: 40px;
}
#form-zakaz form input {
  width: 300px;
  height: 15px;
  border: 1px solid #000;
}
#form-zakaz form input.bigg { height: 75px !important;}
#form-zakaz a { color: #528cf7; }
#form-zakaz a:hover {color: #ea525c;}
#submt {
  width: 121px !important;
  height: 19px !important;
  background: url(images/form-zakaz-but.jpg) no-repeat !important;
  border: none !important;
  margin-left: 110px;
}
table.form-tb {margin-top: 20px;margin-bottom: 10px;}
table.form-tb tbody tr {
  height: 23px;
}
table.form-tb tbody tr td { vertical-align: top;}
table.form-tb tbody tr td.labl {
  width: 140px;
}
#zakaz-bot { width: 534px; height: 8px; border: none;position: relative; top: -4px;}
#logo {
  position: absolute; 
  width: 170px;
  height: 35px;
  top: 35px;  
  margin-left: 40px;
  display: block;
}
