/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
	background:transparent !important;
	
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
 	display: block;
	position: relative;
	height:24px;
	font-weight:400;
	font-size:14px;
}
.sf-menu a:hover{
	color:#D28900;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
	float: left;	
	/*margin-bottom: 1em;*/
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	
	padding: 0.4838em 1em;
	text-decoration:none;
	zoom: 1; /* IE7 */
}
.sf-menu a {
	color: #FFFFFF;
	
}
.sf-menu li {
	
	white-space: nowrap; /* no need for Supersubs plugin */
	white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	/*transition: background .2s;*/
}
.sf-menu ul li {
	background: url(../images/bkg_li.png);
	
}
.sf-menu li.on a
 {	
	color: #fff;font-weight: bold;
	
}
.sf-menu li.on ul li a
 {	
	background: none !important;color: #9bd63a;font-weight: bold;	
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
	
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 2.0em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
}

.sf-arrows ul .sf-with-ul:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(255, 255, 255, 0.5);
    margin-right: -3px;
    margin-top: -5px;
}
.sf-arrows .sf-with-ul:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(255, 255, 255, 0.5) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-image: none;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 5px;
    content: "";
    height: 0;
    margin-top: -3px;
    position: absolute;
    right: 1em;
    top: 50%;
    width: 0;
}
#menu {
  background-color:#7ca9c9;
  background-image:-moz-linear-gradient(top,#4ca3e0,#5890b9);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#4ca3e0),to(#5890b9));
  background-image:-webkit-linear-gradient(top,#4ca3e0,#5890b9);
  background-image:-o-linear-gradient(top,#4ca3e0,#5890b9);
  background-image:linear-gradient(to bottom,#4ca3e0,#5890b9);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaed401', endColorstr='#ff85a201', GradientType=0);
  color:#ffffff;
  text-shadow:1px 1px 0 #3d6e91;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  -webkit-border-radius:2px;
  border-radius:2px;
  border:1px solid #a09380;
  border-bottom-color:#887a65;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
  float:left;
  width:898px;
  margin: 2px auto 0px auto;
  z-index:1000;
}
.sf-menu li {
  border-right:1px solid rgba(0,0,0,0.1);
  float:left;
  position:relative;
}

.sf-menu li a {
  background-color: #7ca9c9;
  background-image:-moz-linear-gradient(top,#4ca3e0,#5890b9);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#4ca3e0),to(#5890b9));
  background-image:-webkit-linear-gradient(top,#4ca3e0,#5890b9);
  background-image:-o-linear-gradient(top,#4ca3e0,#5890b9);
  background-image:linear-gradient(to bottom,#4ca3e0,#5890b9);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaed401', endColorstr='#ff85a201', GradientType=0);
  color:#ffffff;
  text-shadow:1px 1px 0 #282522;
  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
  display:block;
  font-family:'Roboto', sans-serif;
  font-size:15px;
  height:36px;
  line-height:16px;
  padding:10px 15px 10px 15px;
}
.sf-menu li a:hover {
  background-color:#7ca9c9;
  background-image:-moz-linear-gradient(top,#5890b9,#4ca3e0);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#5890b9),to(#4ca3e0));
  background-image:-webkit-linear-gradient(top,#5890b9,#4ca3e0);
  background-image:-o-linear-gradient(top,#5890b9,#4ca3e0);
  background-image:linear-gradient(to bottom,#5890b9,#4ca3e0);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff85a201', endColorstr='#ffaed401', GradientType=0);
  color:#ffffff;
  text-shadow:1px 1px 0 #282522;
}
.sf-menu ul li {
  background:#645d55;
  border-bottom:1px solid rgba(0,0,0,0.1) !important;
  border:0;
  width:100%;
}
.sf-menu ul li a {
  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background:#7b7269;
}
.sf-menu ul li a:hover {
  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background:#4f4a43;
}

.categories_home {
background-color:#a7a7a7;
  background-image:-moz-linear-gradient(top,#bbbbbb,#888888);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#bbbbbb),to(#888888));
  background-image:-webkit-linear-gradient(top,#bbbbbb,#888888);
  background-image:-o-linear-gradient(top,#bbbbbb,#888888);
  background-image:linear-gradient(to bottom,#bbbbbb,#888888);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbbbbbb', endColorstr='#ff888888', GradientType=0);
  border-right:1px solid rgba(0,0,0,0.1);
    display: block;
    float: left;
    height: 38px;
    width: 40px;
   margin: 2px auto 0px auto;   
}
.categories_home a {
    background: rgba(0, 0, 0, 0) url(../images/home.png) no-repeat scroll center center;
    display: block;
    height: 40px !important;
    width: 40px !important;
}