body {
  padding:0;
  margin:0;
  background:url(img/bgr.jpg) repeat-x top left #f5f9f0;
  font-family:  Arial, Verdana, Helvetica, sans-serif;
  font-size:13px;
  color:#1d1756;
  }
  
#body {
  padding:0;
  margin:0;
  width:1001px;
  margin-left:auto;
  margin-right:auto;
}

a{
 text-decoration:inderline;
 font-weight:bold;
  color:#1d1756;
}



#top {
  padding:0;
  margin:0;
  width:1001px;
  height:40px;
  float:left;
  text-align:right;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:11px;
}

form.form {
  padding:0;
  margin:0;
}

input.f1 {
  padding:0;
  margin:0;
  background:url(img/input.gif) no-repeat top left;
  border:none;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:11px;
  color:#1d1756;
  width:69px;
  height:16px;
  margin-right:5px;
  padding:1px 4px 0 4px;
  }
  
input.f2 {
  padding:0;
  margin:0;
  background:url(img/submit.gif) no-repeat top left;
  border:none;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:11px;
  color:#ffffff;
  width:47px;
  height:17px;
  margin-top:5px;
  padding-bottom:3px; 
}

input.f3 {
  padding:0;
  margin:0;
  background:url(img/search.gif) no-repeat top left;
  border:none;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:11px;
  color:#1d1756;
  width:165px;
  height:18px;
  margin-right:5px;
  padding:1px 4px 0 4px;
}

select.f1 {
  padding:0;
  margin:0;
  background:url(img/input.gif) no-repeat top left;
  border:none;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:11px;
  color:#1d1756;
  width:69px;
  height:16px;
  margin-right:5px;
  padding:1px 4px 0 4px;
}

input.f4 {
  padding:0;
  margin:0;
  background:url(img/search1.gif) no-repeat top left;
  border:none;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:11px;
  color:#1d1756;
  width:132px;
  height:18px;
  margin-right:5px;
  padding:1px 4px 0 4px;
} 


input.f7 {
  padding:0;
  margin:0;
  background:url(img/preview.gif) no-repeat top left;
  border:none;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:11px;
  color:#ffffff;
  width:100px;
  height:23px;
  margin-top:5px;
  padding-bottom:3px; 
}


#content {
  padding:0;
  margin:0;
  width:981px;
  float:left;
  background:url(img/content.gif) no-repeat top left #ffffff;
  padding-left:20px;
  padding-top:15px;
}

#header {
  padding:0;
  margin:0;
  width:962px;
  height:250px;
  background:url(img/header.jpg) no-repeat top left;
  float:left;
}

#logo {
  padding:0;
  margin:0;
  width:415px;
  height:180px;
  float:left;
  padding-top:30px;
  padding-left:50px;
}

#logo a {
  padding:0;
  margin:0;
  width:350px;
  height:70px;
  display:block;
}

#logo span {
  display:none;
}

#main {
  padding:0;
  margin:0;
  width:936px;
  float:left;
  margin-left:10px;
  display:inline;
  padding-top:20px;
}

#left {
  padding:0;
  margin:0;
  width:200px;
  float:left;
}

#center {
  padding:0;
  margin:0;
  width:455px;
  float:left;
  padding-left:10px;
}

#center-inner {
  padding:0;
  margin:0;
  width:505px;
  float:left;
  padding-left:10px;
  border:0px solid red;
}

#right {
  padding:0;
  margin:0;
  width:250px;
  float:left;
  padding-left:15px;
}

#right-inner {
  padding:0;
  margin:0;
  width:160px;
  float:left;
  padding-left:10px;    
}

.title-cat {
  padding:0;
  margin:0;
  width:190px;
  height:31px;
  float:left;
  background:url(img/bgr-title2.gif) no-repeat top left;
  font-size:18px;
  padding: 7px 0 0 15px;
}

.title-cat2 {
  padding:0;
  margin:0;
  width:235px;
  height:31px;
  float:left;
  background:url(img/bgr-title.gif) no-repeat top left;
  font-size:18px;
  padding: 7px 0 0 15px;
}

.title-cat2 a {
 text-decoration:none;
  color:#1d1756;
}

.title-cat2 a:hover {
 text-decoration:none;
  color:#cc0000;
}

.title-cat2_pr {
  padding:0;
  margin:0;
  width:435px;
  height:25px;
  float:left;
  background:url(img/bgr-title_pr.gif) no-repeat top left;
  font-size:18px;
  padding: 7px 0 0 15px;
}


.kare2_pr {
  padding:0;
  margin:0;
  width:450px;
  float:left;
  background:url(img/kare-y_pr.gif) repeat-y top left;
}

.kare-top2_pr {
  padding:0;
  margin:0;
  width:450px;
  height:10px;
  float:left;
  background:url(img/kare-top_pr.gif) no-repeat top left;
  font-size:1px;
}

.kare-main2_pr {
  padding:0;
  margin:0;
  width:430px;
  float:left;
  background:url(img/kare_pr.gif) no-repeat bottom left;
  min-height:102px;
  height:auto !important;
  height:102px;
  padding-bottom:20px;
  padding-left:10px;
  padding-right:10px;
}

.kare2 {
  padding:0;
  margin:0;
  width:250px;
  float:left;
  background:url(img/kare-y.gif) repeat-y top left;
}

.kare-top2 {
  padding:0;
  margin:0;
  width:250px;
  height:10px;
  float:left;
  background:url(img/kare-top.gif) no-repeat top left;
  font-size:1px;
}

.kare-main2 {
  padding:0;
  margin:0;
  width:230px;
  float:left;
  background:url(img/kare.gif) no-repeat bottom left;
  min-height:102px;
  height:auto !important;
  height:102px;
  padding-bottom:20px;
  padding-left:5px;
  padding-right:0px;
}

.kare-search {
  padding:0;
  margin:0;
  width:230px;
  float:left;
  background:url(img/kare.gif) norepeat top left;
  min-height:20px;
  height:auto !important;
  height:20px;
  padding-top:10px;
  padding-bottom:0px;
  padding-left:8px;
  padding-right:0px;
  border:0px solid red;
}

.kare-search1 {
  padding:0;
  margin:0;
  width:196px;
  float:left;
  background:url(img/kare.gif) norepeat top left;
  min-height:20px;
  height:auto !important;
  height:20px;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:2px;
  padding-right:0px;
  border:0px solid red;
}

.kare {
  padding:0;
  margin:0;
  width:205px;
  float:left;
  background:url(img/kare-y2.gif) repeat-y top left;
  border:0px solid red;
}

.kare-top {
  padding:0;
  margin:0;
  width:200px;
  height:10px;
  float:left;
  background:url(img/kare-top2.gif) no-repeat top left;
  font-size:1px;
  border:0px solid red;
}

.kare-main {
  padding:0;
  margin:0;
  width:205px;
  float:left;
  background:url(img/kare2.gif) no-repeat bottom left;
  min-height:102px;
  height:auto !important;
  height:102px;
  padding-bottom:20px;
}

.kare-main ul {
  padding:0;
  margin:0;
  width:190px;
  list-style:none;
  font-size:13px;
  font-weight:bold;
  padding-left:0px;
  padding-right:10px;
  padding-bottom:18px;
  float:left;
}

.kare-main ul li {
  padding:0;
  margin:0;
  width:190px;
  float:left;
  padding:2px 0;
  background:url(img/border1.gif) no-repeat bottom left;
 border:0px solid red;
}

.kare-main ul li a {
  padding:0;
  margin:0;
  width:170px;
  float:left;
  padding:2px 0;
  padding-left:13px;
  color:#1d1756;
  text-decoration:none;

}

.kare-main ul li a:hover {
  color:#cc0000;
  text-decoration:none;
}

.kare-main ul li ul.poo {
  padding:0;
  margin:0;
  width:197px;
  font-size:13px;
  font-weight:bold;
  list-style:none;
}

.kare-main ul li  ul.poo li {
  padding:0;
  margin:0;
  width:197px;
  float:left;
  padding:2px 0;
  background:none;
}

.kare-main ul li ul.poo li a {
  padding:0;
  margin:0;
  width:184px;
  float:left;
  background:none;
  padding-left:13px;
  color:#1d1756;
  text-decoration:none;
}

.kare-main ul li ul.poo li a:hover {
  color:#cc0000;
  text-decoration:none;
}

h1 {
  padding:0;
  margin:0;
  color:#cc0000;
  font-size:15px;
  font-weight:bold;
  padding-top:7px;
}

#center p {
  padding:0;
  margin:0;
  padding-bottom:10px;
}

#center-inner p {
  padding:0;
  margin:0;
  padding-bottom:10px;
  border:0px solid red;
}

a.more {
  padding:0;
  margin:0;
  display:block;
  text-align:right;
  color:#cc0000;
  font-weight:bold;
  text-decoration:none;
  padding-bottom:10px;
}

.right-kare {
  padding:0;
  margin:0;
  width:250px;
  float:left;
  padding-bottom:20px;
}


.products-kare {
  padding:0;
  margin:0;
  width:430px;
  float:left;
  padding-bottom:20px;
  border:0px solid red;
}

.right-kare-inner {
  padding:0;
  margin:0;
  width:160px;
  float:left;
  padding-bottom:20px;
}

.banner {
  padding:0;
  margin:0;
  width:250px;
  float:left;
  padding-bottom:20px;
}

.banner-inner {
  padding:0;
  margin:0;
  width:160px;
  float:left;
  padding-bottom:20px;
}

.news {
  padding:0;
  margin:0;
  width:230px;
  float:left;
  padding-top:10px;
}


.news a img{
  padding:0;
  margin:0;
  float:left;
  border:0px;
  padding-right:5px;
  padding-bottom:0px;
}

.news-list {
  padding:0;
  margin:0;
  width:450px;
  float:left;
  padding-top:25px;
}

.news-list a {
	color:#1d1756;
	text-decoration:none;
    font-weight:bold
}

.news-list a.more1 {
  color:#cc0000;
  text-decoration:none;
  font-weight:normal;
  padding-right:10px;
}

.news-list a.order img {
	border:none;
	text-decoration:none;
	padding-left:10px;
	vertical-align:middle;
}

.news-list a:hover.more1 {
  color:#cc0000;
  text-decoration:underline;
  font-weight:normal;
}

.news-list p img {
	border:none;
	text-decoration:none;
	padding-left:10px;
	vertical-align:middle;
}


.products {
  padding:0;
  margin:0;
  width:430px;
  float:left;
  padding-top:25px;
}

.products a {
	color:#1d1756;
	text-decoration:none;
    font-weight:bold
}

.products a.more1 {
  color:#cc0000;
  text-decoration:none;

}

.news-list-inner {
  padding:0;
  margin:0;
  width:505px;
  float:left;
  padding-top:25px; 
}

.news-list-inner a {
	color:#1d1756;
	text-decoration:none;
    font-weight:bold
}

.news-list-kare a {
	color:#1d1756;
	text-decoration:none;
  font-weight:bold;
  width:180px;
  padding-top:10px;  
}

.news-list-inner a.more1 {
  color:#cc0000;
  text-decoration:none;

}

.news-list-inner a.order img {
	border:none;
	text-decoration:none;

	vertical-align:middle;
}

.news-list-inner a:hover.more1 {
  color:#cc0000;
  text-decoration:underline;
  font-weight:normal;
}

.news a {
  color:#1d1756;
  text-decoration:none;
  font-weight:bold;
}

.news a:hover, .news-list a:hover {
  color:#cc0000;
  text-decoration:none;
  font-weight:bold;
}

.news img, .news-list img {
  margin-right:3px;
  display:inline;
  border:2px solid #1d1756;
}


#bottom {
  padding:0;
  margin:0;
  width:1001px;
  height:45px;
  float:left;
  padding:5px 0;
  background:url(img/bottom.jpg) no-repeat top left;
  text-align:center;
  color:#cc0000;
  font-size:13px;
}

#topm {
  padding:0;
  margin:0;
  width:400px;
  height:25px;
  float:left;
  padding:5px 0;
  text-align:left;
  color:#cc0000;
  font-size:15px;
  font-weight:bold;
  padding-left:23px;
}
#topm a {
  color:#1d1756;
  text-decoration:none;
  clear:both;
  font-size:12px;
}

#topm a:hover {
  color:#1d1756;
  text-decoration:underline;
}

#bottom a {
  color:#1d1756;
  text-decoration:none;
  clear:both;
  font-size:12px;
}

#bottom a:hover {
  color:#1d1756;
  text-decoration:underline;
}

#footer {
  padding:0;
  margin:0;
  width:981px;
  height:25px;
  float:left;
  padding:5px 10px;
  font-size:10px;
}

/*---------------------*/

#menu {
  padding:0; margin:0; width:936px; height:40px; float:left; padding-left:10px; }

#menu ul {
  padding:0; margin:0; width:936px; height:33px; list-style:none; font-size:16px; font-weight:bold; padding-top:9px;}

#menu ul li {
  padding:0; margin:0; width:133px; float:left; text-align:center; background:url(img/border.gif) no-repeat center left;
}

#menu ul li.m1 {
  padding:0; margin:0; width:133px; float:left; text-align:center; background:none;
}

#menu ul li a {
  color:#1d1756; text-decoration:none;
}

#menu ul li img {
  vertical-align:middle; text-decoration:none; padding-right:3px;
}

#menu ul li a:hover {
  color:#cc0000; text-decoration:none;
}


.menu {padding:0; margin:0; width:936px; height:40px; float:left; z-index:100;}
/* hack to correct IE5.5 faulty box model */
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; width:936px; height:33px; list-style:none; font-size:16px; font-weight:bold; padding-top:9px;}
.menu ul ul {width:149px; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {padding:0; margin:0; width:130px; float:left; text-align:center; background:url(img/border.gif) no-repeat center left; position:relative;}
.menu li.m1 {padding:0; margin:0; width:133px; float:left; text-align:center; background:none; position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;color:#1d1756; text-decoration:none; width:133px; height:30px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:133px; w\idth:133px;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:28px;left:0; width:149px; background: url(img/bgr-menu.gif) repeat-x bottom left #f1f5e9; padding-top:0;}
/* another hack for IE5.5 */
* html .menu ul ul {top:27px;t\op:28px;}
.menu ul ul li {
	background:none; width:129px; padding:5px 10px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {color:#1d1756; height:auto; /*padding:5px 10px;*/ width:130px; border-bottom:1px solid #e2e2e2; border-top:none; background:none; text-align:left; font-size:13px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:149px;}

/* style the top level hover */
.menu a:hover {
	background:none; color:#cc0000; }
.menu ul ul a:hover{color:#cc0000; background:none;}
.menu :hover > a, .menu ul ul :hover > a {color:#cc0000;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


.menu ul li img {
  vertical-align:middle; text-decoration:none; padding-right:3px;
}


.path {
	padding:0;
	margin:0;
	width:396px;
	float:left;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
}

a.pathup {
	color:#cc0000;
	text-decoration:underline;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
}

.path a {
	color:#cc0000;
	text-decoration:none;
}

.path a:hover {
	color:#cc0000;
	text-decoration:underline;
}

.listen{
cursor: pointer;
cursor: hand;
border:0px;
}

.err {
color:red;
font-size:11px;
}

input.f5 {
 padding:0;
 margin:0;
 background:#FFFFFF;
 border:1px solid #00823e;
 width:280px;
 font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size:12px;
 padding-top:2px;
 color:#00823e;
}

input.agree {
 font-size:11px;
 padding-top:2px;
}

.basket-top {
padding:2px 0 0 10px;
margin:0 0 0 7px;
width:75px;
height:30px;
float:left;
display:inline; 
background:url(img/baste-top.png) no-repeat top left;
}

* html .basket-top {
background: transparent none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/baste-top.png', sizingMethod='crop');
background-repeat: no-repeat;
}

.basket-top a { 
margin:0 0 0 15px;
position:relative;
color:#2c302e;
text-decoration:none;
font-size:12px; 
}

.basket-top a:hover {
color:#2c302e;
text-decoration:none;
}

.basket-top a b {
font-size:14px;
text-decoration:none;
}
