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

*{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; outline:none;}
/*HEADER*/
#header {width:820px; margin:auto; height:160px; background:url(../images/logo.jpg) no-repeat; } 
#header #header-l{height:160px; float:left; width:420px; cursor:pointer;}
#header #header-r{ width:400px; float:right;}
#header #header-r .search-box{border: #093 1px solid; font-size:13px; }
#header #header-r .search{ background:none; border:none; text-decoration:underline;  color:#09c; cursor:pointer; font-size:13px; font-weight:bold;}
#header #header-r p{color:#093;  font-size:13px; font-weight:bold;}
/*MENU*/
#menu{width:820px; margin:auto; clear:both;}
#menu #menu-l{background:url(../images/menu-l.jpg) no-repeat; width:7px; float:left; height:36px;}
#menu #menu-m{width:806px; background:#0099CB; height:36px;float:left;}
#menu #menu-r{background:url(../images/menu-r.jpg) no-repeat right; width:7px; float:left; height:36px;}

#menu #menu-m ul{list-style:none; text-align:center;}
#menu #menu-m ul li{display:inline; line-height:36px; }
#menu #menu-m ul li a{display:inline-block; height:36px;padding:0 13px 0 13px; color:white; text-decoration:none; font-size:13px; font-weight:bold;}
#menu #menu-m ul li a:hover, #menu #menu-m ul li .selected{background:white; color:#4b9441;}

#join{
background:url(../images/join.jpg) no-repeat;
width:210px;
height:75px;
float:right;
padding-top:5px;
margin-top:10px;
margin-right:0px;
}
#search{
width:400px;
margin-top:15px;
float:right;
margin-right:20px;
}
hr{
width:500px; 
margin: 15px;
background:#0198CD;
border:none;
height:2px;
}

/*CONTENT*/

#content {width:820px; margin:auto; clear:both; padding-top:10px; padding-bottom:10px;}
#content-t{background:url(../images/content-t.jpg) no-repeat; width:820px; height:1px;}
#content-m{background:url(../images/content-m.jpg) repeat-y; width:820px; float:left;}

#left { width: 205px; float:left;}
#right{ width:615px; float:left;}
#content-f{background:url(../images/content-t.jpg) no-repeat; width:820px; height:1px; clear:both;}
/*LEFT*/
#left ul{ margin:10px; list-style:none}
#left ul li{border-bottom:2px dotted #ebebeb; padding:5px 0 5px 0;}
#left ul li .sidenav{cursor:hand; color:black; text-decoration:none; background:url(../images/li.jpg) left center no-repeat; padding:2px 0 2px 25px; display:block; font-size:13px;}
#left ul li a{ color:black; text-decoration:none; background:url(../images/li.jpg) left center no-repeat; padding:2px 0 2px 25px; display:block; font-size:13px;}	
#left .main{ color:white; text-decoration:none; background:url(../images/li-hover.jpg) #029a2b left center no-repeat; padding:2px 0 2px 25px; display:block; font-size:13px;}
#left ul li a:hover {background:url(../images/li-hover.jpg) #029a2b left center no-repeat; color:black;}
#noborder ul li{border:0px; background:url(../images/li.jpg) left center no-repeat;}



/*RIGHT*/
#right a{color:#09c;}
#right a:hover{color:#016321;}
#right p{ padding:5px 15px; font-size:12px;}
#right img{margin: 15px 0 0 15px;}
#right table{margin-left:15px;}
#right h1{padding:10px 0 0px 15px; font-size:16px;}
#right h2{padding:5px 0 0 15px; font-size:12px; font-style:italic; font-weight:bold;}
#right ul{ padding:5px 15px; font-size:12px; margin:0 0 0 25px;}
#right .left{ float:left;  /*border:1px solid #9c9c9c;*/  margin:5px;}
#right .right{ float:right;  border:1px solid #9c9c9c;margin:5px;}
#right .center{ display:block; margin:auto; border:1px solid #9c9c9c; margin-top:5px; margin-bottom:5px;}


#right #products {width:200px; float:right;}
#right .products{ float:right; width:170px; border:1px #09c solid; margin:15px 0 5px 0;}
#right .products2{ float:right; width:200px; border:1px #09c solid; margin:5px 0 5px 0;}
#right .products .center{display:block; margin:auto; border:none; margin-bottom:5px; margin-top:5px}

#right2 a{color:#09c;}
#right2 a:hover{color:#016321;}
#right2 p{ padding:0px 0px; font-size:12px;}
#right2 img{margin: 15px 0 0 15px;}
#right2 h1{padding:10px 0 0px 15px; font-size:16px;}
#right2 h2{padding:5px 0 0 15px; font-size:12px; font-style:italic; font-weight:bold;}
#right2 ul{ padding:5px 15px; font-size:12px; margin:0 0 0 25px;}
#right2 .left{ float:left;  /*border:1px solid #9c9c9c;*/  margin:5px;}
#right2 .right{ float:right;  border:1px solid #9c9c9c;margin:5px;}
#right2 .center{ display:block; margin:auto; border:1px solid #9c9c9c; margin-top:5px; margin-bottom:5px;}


#right2 #products {width:200px; float:right;}
#right2 .products{ float:right; width:170px; border:1px #09c solid; margin:15px 0 5px 0;}
#right2 .products4{ float:right; width:170px; border:1px #009900 solid; margin:15px 0 5px 0;}
#right2 .products3{ float:right; width:170px; border:1px #9945A5 solid; margin:15px 0 5px 0;}
#right2 .products2{ float:right; width:200px; border:1px #09c solid; margin:5px 0 5px 0;}
#right2 .products .center{display:block; margin:auto; border:none; margin-bottom:5px; margin-top:5px}

.table-products{border:1px solid #ccd; border-collapse:collapse; width:500px; margin:auto;}
.table-products td{border:1px solid #ccc; border-collapse:collapse; font-size:12px; padding:5px; text-align:center; vertical-align:top;}

.table-products2{border:1px solid #ccd; border-collapse:collapse; width:575px; margin:auto;}
.table-products2 td{border:1px solid #ccc; border-collapse:collapse; font-size:12px; padding:5px; text-align:left; vertical-align:top;}
/*FOOTER<*/ 

#footer{width:820px; margin:auto; clear:both;}
#footer-l{background:url(../images/footer-l.jpg) no-repeat; width:7px; float:left; height:36px;}
#footer-m{width:806px; background:#ebebeb; height:36px;float:left;}
#footer-r{background:url(../images/footer-r.jpg) no-repeat right; width:7px; float:left; height:36px;}

#footer-m ul{text-align:center;  list-style:none;}
#footer-m ul li{display:inline; line-height:36px; margin:0 16px 0 16px;}
#footer-m ul li a{text-decoration:none; color:#8c8c8c; font-size:12px;}
#footer-m ul li a:hover{color:#000;}

.copy{font-size:12px; color:#a9a9a9; text-align:center;}

/*CONTACT*/
.contact-form{  width:250px; margin:0 0 10px 25px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.contact-form input{width:200px;}
.contact-form .send{width:80px !important;}
.contact-form textarea{width:300px; max-width:300px;}
.contact-form textarea, .contact-form input{margin:0 0 0 0;}
.contact-form label{ width:250px; margin:10px 0 3px 0;}
.contact-form label.error{float:left; color:red; font-size:8pt; margin:0; font-weight:bold;}

.cart {color:#09c;}