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

body{ background:url(../images/bg.gif); }
.wraps{ margin:0; padding:0; font-family:'Times New Roman' }
.head-container{ width:100%; min-width:900px; height:449px; background:url(../images/bg-header.png) repeat-x; }
       .header{ margin:0 auto 0 auto; min-width:900px; }
	           .top-bar{ margin:0 auto 0 auto; width:900px; }
			   .logo{ margin:0 auto 0 auto; width:900px; }
			   .menu-bar{ height:26px; width:900px; margin:0 auto 0 auto; }
				#nav-bar{  height:26px; width:900px; margin:0 auto 0 auto; }
						   #nav-menu{ width:900px; height:26px; margin:0 auto 0 0; font-family:"Times New Roman", Times, serif;
						              background-repeat:no-repeat; background-position:right; }
						   #nav-menu a{ text-align:center; width:auto; margin:0; padding:0; font-size:12px; 
										font-weight:bold; color:#FFFFFF; text-decoration:none; }
						   #nav-menu a:hover, #nav-menu a.active{ color:#d59e03; }
				   
			   .head-shades{ background:url(../images/shades.png) top no-repeat; height:294px; width:100%; margin:0;
							 float:left; min-width:900px; }
					  .crumb{ width:900px; margin:0 auto 0 auto; height:40px; }
					        .cat-title{ width:220px; font-size:30px; color:#FFFFFF; float:left; margin-top:10px; padding-left:5px; }
							.bread-crumb{ width:675px; font-size:16px; color:#FFFFFF; float:left; margin-top:20px; }
							      .bread-crumb a{ color:#FFFFFF; }
								  .bread-crumb a:hover{ text-decoration:underline; }
					  .head{ background:url(../images/bg-head-cat.png) center no-repeat; height:285px; min-width:900px; }
			   .categories{ width:900px; margin:0 auto 0 auto; }
			        .cat{ width:225px; height:285px; background-color:#004336; float:left; }
					    .cat a{ color:#FFFFFF; font-size:20px; padding-left:10px; padding-right:10px; padding-top:5px; width:100%; float:left; }
						.cat a:hover, .cat a.active{ color:#d59e03; }
					.mid-pict{ width:675px; height:285px; background-color:#588568; float:left; overflow:auto; }
					    .mid-pict img{ float:left; margin:5px 5px 5px 5px; }
						.mid-pict p{ color:#FFFFFF; font-size:16px; line-height:18px; margin:0 5px 10px 5px; }
						.mid-pict h3{ color:#FFFFFF; font-size:18px; font-weight:bold; margin:5px 5px 10px 5px;  }
					#mid-pict{ overflow:hidden; }
					    #mid-pict img{ padding:0; margin:0 }

.content-container{ width:900px; margin:40px auto 0 auto; }
       .content-title{ color:#004336; font-size:36px; }
	   .content{ color:#004336; font-size:14px; margin:15px 0; }
	           .content p{ text-align:justify; line-height:18px; margin-bottom:10px; }
	           .content-split{ width:50%; float:left; }
			   .content-split p{ font-size:16px; margin-top:10px; }
			   .content-split strong{ font-size:20px; }
				a#send-form{ margin-top:25px; float:left; background-color:#000000; color:#FFFFFF; font-size:16px; padding:7px 10px 7px 10px; border:1px solid #CCCCCC; }
				a#send-form:hover{ background-color:#ccc; color:#000000; } 
			   
	     .products-1{ margin-bottom:5px; background:#FFFFFF; width:49%; float:left; margin-left:5px; }
		 .products-0{ margin-bottom:5px; background:#FFFFFF; width:50%; float:left; }
		 .prod-image{ padding:5px; float:left; background:#FFFFFF;  }
		 .prod-descr{ float:left; padding-left:10px; margin-top:10px; }
		 .prod-name{ font-size:24px; margin-bottom:10px; }
		      .prod-name a{ color:#000000; }
		 .prod-text{ margin-bottom:10px; }
		 	   
.footer{ background:url(../images/footer.png) center no-repeat; width:900px; height:32px; text-align:center; font-size:14px; color:#fff;
         margin:25px auto 0 auto; padding-top:10px; }

a.button{ background:#f0f0f0;border:solid 1px #ccc;padding:1px;margin:1px 0px 1px 0px; color:#000000; padding:6px; float:left; }
a.button:hover,
a.button:focus{ background:#fff;border:solid 1px #333;color:#000; cursor:pointer; }	 

#detail_desc{
  float:left; width:200px; }
#detail_desc div{
  padding:8px 5px 2px 0; }

.product-detail{ padding:10px;}
     .detail{ width:230px; float:left; }
	 .product-gallery{ width:425px; float:left; }
     .detail form{ float:left; padding:5px 5px 5px 0; margin:0; } 
     .detail strong{ float:left; width:75px; }
	 
	 .detail h2{ font-size:26px; }
	 
	 .descr{ padding:0 0 10px 0; }
	 .price{ padding:0 0 10px 0; font-size:16px; font-weight:bold; }

.cleaner{ clear:both; }