#account-menu { position:absolute; width: 70px; height: 89px; top:28px; right: 30px; z-index: 100; background: #5fb446; border-radius:5px ; -moz-border-radius:5px ; -webkit-border-radius:5px ; border: 5px solid #6C7261;}
#account-menu li a{text-decoration: none; padding-left: 3px; color:#fff}
#account-menu li {height: 26px; padding-left: 5px; padding-top: 3px;}
#account-menu li:hover  {background: #f8f7ef;}
#account-menu a:hover { color: #524e4b}
#account-menu .bottom {border-bottom: 1px solid #fff;}

#mobile-menu, .icon { text-align: center; width: 28px; height: 28px; font-size: 18px; background: #5fb446; border-radius:5px ; -moz-border-radius:5px ; -webkit-border-radius:5px ; }
#mobile-menu { display:none; }
#mobile-menu:hover, .icon:hover {background: #6f694f;}
#mobile-menu img, .icon img{vertical-align: middle;float:right;}
#mobile-menu-items { display: none; position: absolute; top: 35px; width: 210px; display:none; z-index: 100; background: #6c7261; border: solid #6c7261 7px; border-radius:15px ; -moz-border-radius:15px ; -webkit-border-radius:15px ; color: #75715F}
#mobile-menu-items .first-item a{ border-radius:15px 15px 0 0 ; -moz-border-radius:15px 15px 0 0 ; -webkit-border-radius:15px 15px 0 0 ; }
#mobile-menu-items .last-item a{ text-align:center; background: #6c7261}
#mobile-menu-items li a {background-color: #5fb446; color: #fff; }
#mobile-menu-items  a {border-bottom: solid #fff 1px}
#mobile-menu-items  .right {display:inline-block; width:10px; text-align: right; padding-right: 5px;}
#mobile-menu-items  .left {display:inline-block; width:165px; text-align: left; }
#mobile-menu-items .last-item a {border-bottom: solid #6c7261 1px}
#mobile-menu-items .sf-menu li {border-bottom: none;}
#mobile-menu-items .current a {text-decoration:none; color:#524e4b; background-color: #fff;}
#reg-menu {display:inline }
#mobile-cat { display:none; }
#mobile-cat li { color: #524e4b; cursor:pointer; text-decoration: underline;}
#reg-cat { display:inline; }
.sf-menu .last-item {width: 162px;}
.sf-menu > li {
	position:relative;
	float:left;
	font-size:20px;
	line-height:25px;
	border-bottom: solid #A29F87 1px;
}
	.sf-menu > li > a {
		display:block;
		padding:9px 28px 13px;
		color:#524e4b;
		text-decoration:none;
		background:#fff;
		border-radius:18px 18px 0 0;
		-moz-border-radius:18px 18px 0 0;
		-webkit-border-radius:18px 18px 0 0;
	}
		.sf-menu > li.current > a {text-decoration:none; color:#fff; background-color:#7d643c;}
		.sf-menu > li.sfHover > a,.sf-menu > li > a:hover {text-decoration:none; color:#fff; background-color:#5fb446;}
/***submenu***/
.sf-menu ul {
	position:absolute;
	top:-999em;
	z-index:99;
	width:100%; 
	display:none;
	padding:20px 0;
	background:#b0d50f;
	border-radius:0 0 18px 18px;
	-moz-border-radius:0 0 18px 18px;
	-webkit-border-radius:0 0 18px 18px;
}
.sf-menu li li{
	margin-bottom:12px;
	position:relative;
	padding:0 20px;
	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
	.sf-menu li li a{color:#fff; text-decoration:none;}
		.sf-menu li li > a:hover,.sf-menu li li.sfHover > a{text-decoration:none; color:#6c7261;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:0px;
	top:49px;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:-999em;
}
/***subsubmenu***/
.sf-menu ul ul{
	background:#6c7261;
	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
}
	.sf-menu ul ul a:hover{color:#b0d50f;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:182px;
	top:-20px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:-999em;
}

/* Design for a width of 768px */
@media only screen and (max-width: 995px){
	.sf-menu .last-item {width: 138px;}
	#mobile-menu {display:none}
	#mobile-cat {display:none}
	#reg-menu {display:inline}
	#reg-cat {display:inline}
	.sf-menu > li > a {padding:9px 12px 13px;}
		.sf-menu > li > a .arrow{display:inline-block; width:7px; height:4px; background:url(/pix/menu-arrow.gif) center top no-repeat; margin-left:8px; vertical-align:1px;}
			.sf-menu > li.sfHover > a .arrow,.sf-menu > li > a:hover .arrow, .sf-menu > li.current > a .arrow {background-position:center -10px;}
	/***subsubmenu***/
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul {left:171px;}
}

/* Design for a width of 320 and 480px*/
@media only screen and (max-width: 767px) {
	.sf-menu .last-item {width: 100%;}
	nav{padding-bottom:0;}
	#reg-menu {display:none }
	#reg-cat {display:none }
	#home-menu {display:none }
	#mobile-menu { display:block; }
	#mobile-menu-items {right:10px;}
	#mobile-cat {float:none; display:block; }
	.sf-menu > li {float:none}
	.sf-menu > li.sfHover > a,.sf-menu > li > a:hover {text-decoration:none; color:#524e4b; background-color:#fff;}
	.sf-menu > li.current > a,.sf-menu > li.current > a:hover {text-decoration:none; color:#fff; background-color:#7d643c;}
	.sf-menu > li > a {border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
		.sf-menu > li:first-child > a{border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
	/***submenu***/
	.sf-menu ul {position:static; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background:#6c7261;}
	.sf-menu li li > a:hover,.sf-menu li li.sfHover > a{color:#b0d50f;}
		.sf-menu li li > a .arrow{display:inline-block; width:7px; height:4px; background:url(/pix/menu-arrow2.gif) center top no-repeat; margin-left:8px; vertical-align:2px;}
			.sf-menu li li.sfHover > a .arrow,.sf-menu li li > a:hover .arrow, .sf-menu li li.current > a .arrow {background-position:center -10px;}
	/***subsubmenu***/
	.sf-menu ul ul{border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; padding:20px 0 10px;}
	.sf-menu ul ul li{text-transform:none;}
	#account-menu { right: 55px;}
}

@media only screen and (max-width: 479px) {
}