/* header css*/
/************************* LOGO and SLOGAN *************************/
#header{
margin:auto;
padding-top:23px;
}
#logo{
padding:0;
margin:0;
}
#logo .logo-pic{
float:left;
}
#logo .logo-pic img{
border:none !important;
}

#logo .slogan{
margin:42px 0px 0px 32px;
width:372px;
float:left;
font-weight:bold;
}

#logo .text-slogan{
margin:15px 12px 0px 10px;
padding-bottom:0;
width:346px;
font-size:14px;
float:left;
}
#logo .text-slogan a{
text-decoration:none;
color:#448126;
font-weight:bold;
}

#cart{
color:#636D54;
font-size:13px;
float:left;
margin-top:48px;
width:103px;
}
#cart-container{
float: left;
width: auto;
}
#search-container{
float: left;
margin-top:53px;
width: 197px;
}

.img-button{

float:left;
border:none !important;
padding-right:4px;
}
.img-button img{
border:none !important;
}
#cart a{
color:#448126;
text-decoration:none;
}
.view_cart{
margin-top: 8px;
}

/************************* TOP MENU *************************/

#menu{
width:auto;
float:left;
}

#top-menu{
margin-top:29px;
}

#top-menu ul{
list-style:none;
background:#d2dcc4;
padding:0px;
width:988px;
}

#top-menu ul li{
 display:block;
 float:left;
 padding-right:4px;
}

#top-menu ul li a{
 text-decoration:none;
 color:#FFFFFF;
 font-family:verdana, arial,sans-serif;
 font-size:13px;
}

.menu-text{
background-color:#448126;
float:left;
height:17px;
font-size:13px;
padding:7px 19px 6px 18px;
text-align:center;
}

.menu-text-active{
 background-color:#def7bd;	
 color:#667846;
 text-align:center;
}

.menu-text.active{
 background-color:#def7bd;	
 color:#667846;
 text-align:center;
}

.left-curve{
 background:#a5b78d url("images/left-curve.png") no-repeat;
 float:left;
 height:30px;
 margin-top:0;
 width:5px;
}

.leftcurve-active{
 background:#d2dbc6 url("images/left-curve-active.png") no-repeat;
float:left;
height:30px;
margin-top:0;
width:5px;
}

.right-curve{
background:#a5b78d url("images/right-curve.png") no-repeat;
float:left;
height:30px;
margin-top:0;
width:5px;
}

.rightcurve-active{
background:#d2dbc6 url("images/right-curve-active.png") no-repeat;
float:left;
height:30px;
margin-top:0;
width:5px;
}

/***              SUB MENUS                   *****/
#sub-menu{
background:#def7bd none repeat scroll 0 0;
color:#667846;
z-index:10;
padding-bottom:0;
padding-top:0;
width:984px;
height:45px;	
}

#sub-menu ul{
list-style:none;	
padding-left:20px;
margin:0px;

}

#sub-menu ul li{
 display:block;
 float:left;
 margin-top:7px;
 margin-right:4px;
}

#sub-menu ul li a{
 text-decoration:none;
 color:#667846;
 margin:auto;
 font-family:verdana,arial,sans-serif;
 font-size:12px; 
}

.white-left{
 background:#c0e096 url("images/sub-left-curve.png") no-repeat;
 height:29px;
 width:5px;
 float:left;

}
.white-left-active{
 background:#FFFFFF url("images/white-left-curve.png") no-repeat;
 height:29px;
 width:5px;
 float:left;
}

.white-right{
 height:29px;
 float:left;
 width:5px;
 background:#c0e096 url("images/sub-right-curve.png") no-repeat;
 

}
.white-right-active{
 height:29px;
 float:left;
 width:5px;
 background:#FFFFFF url("images/white-right-curve.png") no-repeat;

}

.sub-menu-inactive{
 height:13px;
 padding:4px 2px 9px;
 background:#c0e096;
 float:left;
 color:#50643f;

}
.sub-menu-active{
 height:13px;
 padding:4px 2px 9px;
 background:#FFFFFF;
 float:left;
 color:#667846;

}


/**         SUB  MENU CHILD**/
#sub-menu-box{
background:#DEF7BD none repeat scroll 0 0;
float:left;
height:38px;
width:984px;
z-index:9;
margin-top:-13px;
}
#sub-menu-child{
width:781px;
padding:0px;
float:left;
color:#667846;
height:38px;
margin-top:-1px;
padding-top:4px;
background:#fff none repeat scroll 0 0;
}
#sub-menu-child ul{
list-style:none;	
margin:2px;
padding-left:15px;
}
#sub-menu-child ul li{
 display:block;
 float:left;
 padding-left:0px;
}
#sub-menu-child ul li a{
 color:#667846;
 margin-left:2px;
 padding:0px 5px;
 font-family:verdana,arial,sans-serif;
 font-size:11px;
}

#sub-menu-child ul li a:hover {
 	color:#000000;
 	
}
.sub-menu-child-active{
 
 color:#667846;
 margin:auto;
 font-weight:bold;
 font-family:arial,sans-serif;
 font-size:13px;
 text-decoration:none;
}
.clear-both{
		clear:both;
}
#sub-container{
  	background:#d2dcc4;
}

/*  Fixing the width of menu for FIREFOX and SAFARI MAC*/

#menu_1 .menu-text{
width:63px;
}  
#menu_2 .menu-text{
width:179px;
}  
#menu_3 .menu-text{
width:136px;
}  
#menu_4 .menu-text{
width:141px;
}  
#menu_5 .menu-text{
width:58px;
}  
#menu_6 .menu-text{
width:105px;
}