/*** ESSENTIAL STYLES ***/

#mainmenu .sf-menu,
#mainmenu .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
#mainmenu .sf-menu li {
    position: relative;
}
#mainmenu .sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}
#mainmenu .sf-menu > li {
    float: left;
}
#mainmenu .sf-menu li:hover > ul,
#mainmenu .sf-menu li.sfHover > ul {
    display: block;
}
#mainmenu .sf-menu a, #mainmenu .sf-menu span {
    display: block;
    position: relative;
}
#mainmenu .sf-menu ul ul {
    top: 0;
    left: 100%;
}

#footermenu .sf-menu,
#footermenu .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;                          
}
#footermenu .sf-menu li {
    position: relative;
}
#footermenu .sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}
#footermenu .sf-menu > li {
    float: left;
}
#footermenu .sf-menu li:hover > ul,
#footermenu .sf-menu li.sfHover > ul {
    display: block;
}
#footermenu .sf-menu a {
    display: block;
    position: relative;
}
#footermenu .sf-menu ul ul {
    top: 0;
    left: 100%;
}

/*** THEME TOPNAVI ***/
#mainmenu .sf-menu {
  float: left;
  margin-bottom: 0px;
  background:none;
}
#mainmenu .sf-menu ul {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  min-width: 16em;
  /* allow long menu items to determine submenu width */
  *width: 12em;
  /* no auto sub width for IE7, see white-space comment below */
}
#mainmenu .sf-menu a, #mainmenu .sf-menu span {
  border-right: none;
  /* fallback colour must use full shorthand */
  padding: .75em 1em;
  text-decoration: none;
  zoom: 1;
  /* IE7 */
}
#mainmenu .sf-menu a, #mainmenu .sf-menu span {
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
}
#mainmenu .sf-menu li.last a, #mainmenu .sf-menu li.last span {
  border: none;
}
#mainmenu .sf-menu li {
  background: none;
  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;
  text-align: left;
}
#mainmenu .sf-menu ul li {
  background: #AABDE6;
}
#mainmenu .sf-menu ul li a {
  border: none;
}
#mainmenu .sf-menu ul li {
  background: #292763;
  text-align: left;
  color: #fff;
}
#mainmenu .sf-menu ul li a {
  color: #fff;
  padding: 5px 1em;
  text-transform: none;
}
#mainmenu .sf-menu li:hover,
#mainmenu .sf-menu li.sfHover {
    background-color: #63A2DA; 
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
  color: #fff;
}
#mainmenu .sf-menu li:hover a,
#mainmenu .sf-menu li.sfHover a,
#mainmenu .sf-menu li:hover span,
#mainmenu .sf-menu li.sfHover span,{
  color: #fff;
}
#mainmenu .sf-menu li ul li:hover,
#mainmenu .sf-menu li ul li.sfHover {
  background: #3B4E88;
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
  color: #fff;
}
#mainmenu .sf-menu li ul li a,                           
#mainmenu .sf-menu li ul li a {
  border-bottom: 1px dotted #fff;
}

/*** THEME FOOTERNAVI ***/

#footermenu .sf-menu {
  margin-bottom: 0px;
  background:none;
  float: left;
  width: 100%;
  margin-top: -15px;
  font-size: 13px;
}
#footermenu .sf-menu ul {
  /*  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
 allow long menu items to determine submenu width */
  /* no auto sub width for IE7, see white-space comment below */
}
#footermenu .sf-menu a {
  border-right: none;
  text-decoration: none;
  zoom: 1;
  /* IE7 */
}
#footermenu .sf-menu a.parent {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
}
#footermenu .sf-menu a.parent {margin-top: -30px; padding-top: 30px; padding-bottom:5px;}

#footermenu .sf-menu li.last a {
  border: none;
}
#footermenu .sf-menu li {
  background: none;
/*  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;
  text-align: center;
  cursor: pointer;
}

#footermenu .sf-menu ul li {

}
#footermenu .sf-menu ul li a {
  border: none;
  margin-top: 0;
  font-weight: normal;
}
#footermenu .sf-menu ul li {
  background: #CDCEDC;
  text-align: left;
  color: #fff; 
}
#footermenu .sf-menu ul li a {

  padding: 10px 20px;
  text-transform: none;
  margin: none;
}
#footermenu .sf-menu li:hover,
#footermenu .sf-menu li.sfHover {
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
} 

  
#footermenu .sf-menu li:hover a,
#footermenu .sf-menu li.sfHover a {
  color: #292761;
    background: #CDCEDC;
}
#footermenu .sf-menu li ul li:hover,
#footermenu .sf-menu li ul li.sfHover {
  background: #CDCEDC;
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
  color: #fff;
}
#footermenu .sf-menu li ul li:hover a,
#footermenu .sf-menu li ul li.sfHover a {
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
  color: #5F97D2;
}
#footermenu .sf-menu li ul li a,
#footermenu .sf-menu li ul li a {
  border-bottom: 1px dotted #292761;
}

#footermenu li img {z-index: 100; position: relative; margin-top: 30px;}    

/* Essential Start */

#footermenustart,
#footermenustart * {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footermenustart li {
    position: relative;
}
#footermenustart ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}
#footermenustart > li {
}
#footermenustart li:hover > ul,
#footermenustart li.sfHover > ul {
    display: block;
}
#footermenustart a {
    display: block;
    position: relative;
}
#footermenustart ul ul {
    top: 0;
    left: 100%;
}

/* SKIN START */

#footermenustart {
  float: left;
  margin-bottom: 1em;
}
#footermenustart ul {
  box-shadow: 2px 2px 5px #000;
  min-width: 12em; /* allow long menu items to determine submenu width */
  *width: 12em; /* no auto sub width for IE7, see white-space comment below */
  border-radius: 5px !important;
  padding: 5px;
  background-color: #fff;
  margin-top: -8px !important;
}
#footermenustart a {
  padding: .75em 1em;
  text-decoration: none;
  zoom: 1; /* IE7 */
}
#footermenustart a {
  color: #fff;
  border:none;
}
#footermenustart li {
    height: 120px;
    text-indent: -99999px;
    cursor: pointer;
}
#footermenustart ul li {
  background: #272560;
  height: 40px;
  text-indent: 0;
  
}

#footermenustart ul li a{
 border-bottom: 1px dotted #fff;
 padding: 10px 0 8px 0;
}

#footermenustart ul li.last a{
 border-bottom: none;
 padding: 10px 0 8px 0;
}

#footermenustart ul ul li {
  background: #9AAEDB;
}
#footermenustart li:hover,
#footermenustart li.sfHover {
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
}