/**
 * IceMegaMenu Extension for Joomla 1.7 By IceTheme
 *
 *
 * @copyright	Copyright (C) 2008 - 2011 IceTheme.com. All rights reserved.
 * @license		GNU General Public License version 2
 *
 * @Website 	http://www.icetheme.com/Joomla-Extensions/icemegamenu.html
 * @Support 	http://www.icetheme.com/Forums/IceMegaMenu/
 *
 */


div.icemegamenu {
	position:relative;}

	div.icemegamenu ul#icemegamenu {
    margin: 60px auto;
    display:block;
    list-style-type: none;
    height: 46px;
    margin:0;
    padding: 0;
    z-index:5;
    position:absolute;
    top: 120px;
    right: 23px;}

		div.icemegamenu ul#icemegamenu li {
			display:block;
			list-style:none;
			margin:0;
			padding:0;
			position:relative;
			float:left;}

		div.icemegamenu ul#icemegamenu li a.iceMenuTitle,
		div.icemegamenu ul#icemegamenu li span.separator{
      text-decoration:none;
      display:block;
      padding-top: 4px;
      height: 48px;
      color:#cedcef;
      margin:0px 3px 0 4px;
      -webkit-transition:all .3s linear;
      -moz-transition:all .3s linear;
      -o-transition:all .3s linear;
      transition:all .3s linear;
      font-size: 17px;}


			/* when is current and active*/
      div.icemegamenu ul#icemegamenu li:hover a.iceMenuTitle {
        color:#FFF;}
      div.icemegamenu ul#icemegamenu li ul li ul li:hover a.iceMenuTitle {
        color:#FFF;}


div.icemegamenu ul#icemegamenu li.parent a.iceMenuTitle span:after {
  content: '»';
  font-size: 15px;
  margin-left: 8px;
  z-index: 999;
  display: inline-block;
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}

div.icemegamenu ul#icemegamenu #iceMenu_106 a.iceMenuTitle span:after {
  content: '';
  margin-left: 0px;
}
div.icemegamenu ul#icemegamenu li a.iceMenuTitle:before {
  content: '';
  width: 60%;
  height: 1px;
  position: absolute;
  bottom: 14px;
  right: 17px;
  z-index: -999;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
          -webkit-transition-duration: 320ms;
          -webkit-transition-timing-function: ease-in-out;

          -moz-transition-duration: 320ms;
          -moz-transition-timing-function: ease-in-out;

          -o-transition-duration: 320ms;
          -o-transition-timing-function: ease-in-out;

          transition-duration: 320ms;
          transition-timing-function: ease-in-out;
}
div.icemegamenu ul#icemegamenu li#iceMenu_107 a.iceMenuTitle:before {
  width: 40%;
  right: 16px;
}
  div.icemegamenu ul#icemegamenu li:hover a.iceMenuTitle:before,
  div.icemegamenu ul#icemegamenu li.active a.iceMenuTitle:before {
    -webkit-box-shadow: 0 0 15px 3px rgba(40, 105, 216, 0.2), 0 0 3px 1px rgba(58, 97, 168, 0.2);
    -moz-box-shadow: 0 0 15px 3px rgba(40, 105, 216, 0.2), 0 0 3px 1px rgba(58, 97, 168, 0.2);
    box-shadow: 0 0 15px 3px rgba(40, 105, 216, 0.2), 0 0 3px 1px rgba(58, 97, 168, 0.2);
  }
  div.icemegamenu ul#icemegamenu li.active a.iceMenuTitle:hover:before {
    -webkit-box-shadow: 0 0 15px 5px rgba(40, 105, 216, 0.3), 0 0 3px 1px rgba(58, 97, 168, 0.3);
    -moz-box-shadow: 0 0 15px 5px rgba(40, 105, 216, 0.3), 0 0 3px 1px rgba(58, 97, 168, 0.3);
    box-shadow: 0 0 15px 5px rgba(40, 105, 216, 0.3), 0 0 3px 1px rgba(58, 97, 168, 0.3);
  }

div.icemegamenu ul#icemegamenu li a.iceMenuTitle span.icemega_title {
  background: transparent;
  display: block;
  padding: 5px 16px 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
          -webkit-transition-duration: 320ms;
          -webkit-transition-timing-function: ease-in-out;

          -moz-transition-duration: 320ms;
          -moz-transition-timing-function: ease-in-out;

          -o-transition-duration: 320ms;
          -o-transition-timing-function: ease-in-out;

          transition-duration: 320ms;
          transition-timing-function: ease-in-out;
}
  div.icemegamenu ul#icemegamenu li:hover a.iceMenuTitle span.icemega_title,
  div.icemegamenu ul#icemegamenu li.active a.iceMenuTitle span.icemega_title {
    background: #091019;
  }

div.icemegamenu ul#icemegamenu li.active a.iceMenuTitle span.icemega_title:before {
  content: '';
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid transparent;
  position: absolute;
  bottom: -8px;
  right: 13px;
          -webkit-transition-duration: 320ms;
          -webkit-transition-timing-function: ease-in-out;

          -moz-transition-duration: 320ms;
          -moz-transition-timing-function: ease-in-out;

          -o-transition-duration: 320ms;
          -o-transition-timing-function: ease-in-out;

          transition-duration: 320ms;
          transition-timing-function: ease-in-out;
}
  div.icemegamenu ul#icemegamenu li:hover a.iceMenuTitle span.icemega_title:before,
  div.icemegamenu ul#icemegamenu li.active a.iceMenuTitle span.icemega_title:before {
    border-top: 8px solid #091019;
  }

div.icemegamenu ul#icemegamenu li a.iceMenuTitle span.icemega_title:after {

}

div.icemegamenu ul#icemegamenu li#iceMenu_107 a.iceMenuTitle span.icemega_title {
  width: 11px;
  margin: 0 3px 0 0;
  text-indent: -9999px;
  background:url(../img/m/header_menu_sitemap.png);
}
  div.icemegamenu ul#icemegamenu li#iceMenu_107:hover a.iceMenuTitle span,
  div.icemegamenu ul#icemegamenu li#iceMenu_107.active a.iceMenuTitle span {
    text-indent: -9999px;
    background:url(../img/m/header_menu_sitemap.png) #091019;
  }



div.icemegamenu ul#icemegamenu .icesubMenu li a {
  height: auto;
  padding: 0px 8px 8px 16px;
}
div.icemegamenu ul#icemegamenu .icesubMenu li a.iceMenuTitle span {
  padding: 0;
}
div.icemegamenu ul#icemegamenu .icesubMenu li a.iceMenuTitle span.icemega_title:after,
div.icemegamenu ul#icemegamenu .icesubMenu li a.iceMenuTitle span.icemega_title:before,
div.icemegamenu ul#icemegamenu .icesubMenu li a.iceMenuTitle:before {
  display: none;
}
div.icemegamenu ul#icemegamenu .icesubMenu li a.iceMenuTitle span.icemega_title {
  background: transparent;
}










      ul#icemegamenu .icesubMenu a {
      font-size: 14px !important;
      background:url(../img/arrow_blue_14px_transp.png) no-repeat 0% 7px !important;
      }
      ul#icemegamenu .icesubMenu a:hover, ul#icemegamenu #iceMenu_435 a:focus {
        background:url(../img/arrow_white_14px.png) no-repeat 0% 7px !important;
      }

       /* separators*/
      div.icemegamenu #icemegamenu ul.icesubMenu li#iceMenu_162 a,
      div.icemegamenu #icemegamenu ul.icesubMenu li#iceMenu_163 a,
      div.icemegamenu #icemegamenu ul.icesubMenu li#iceMenu_173 a,
      div.icemegamenu #icemegamenu ul.icesubMenu li#iceMenu_179 a,
      div.icemegamenu #icemegamenu ul.icesubMenu li#iceMenu_180 a,
      div.icemegamenu #icemegamenu ul.icesubMenu li#iceMenu_181 a,
      div.icemegamenu #icemegamenu ul.icesubMenu li#iceMenu_182 a,
      div.icemegamenu #icemegamenu ul.icesubMenu li#iceMenu_217 a,
      div.icemegamenu #icemegamenu ul.icesubMenu li#iceMenu_193 a {
        border: 0px!important;
        text-indent: -9999px!important;
        background-image: none!important;
      }
      div.icemegamenu #icemegamenu ul.icesubMenu li#iceMenu_162,
      div.icemegamenu #icemegamenu ul.icesubMenu li#iceMenu_163,
      div.icemegamenu #icemegamenu ul.icesubMenu li#iceMenu_173,
      div.icemegamenu #icemegamenu ul.icesubMenu li#iceMenu_179,
      div.icemegamenu #icemegamenu ul.icesubMenu li#iceMenu_180,
      div.icemegamenu #icemegamenu ul.icesubMenu li#iceMenu_181,
      div.icemegamenu #icemegamenu ul.icesubMenu li#iceMenu_217,
      div.icemegamenu #icemegamenu ul.icesubMenu li#iceMenu_182 {
        padding-top: 6px;
      }
      div.icemegamenu #icemegamenu ul.icesubMenu li#iceMenu_193 {
        position: absolute;
        top: 280px;
        height: 130px;
        width: 280px;
        z-index: -1;
      }


/* All submenu OLs and ULs */
	#icemegamenu ul.icesubMenu {
		margin: 20px 0 0 0;
		padding:0 0 10px;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top:49px;
		left: 0;
		z-index: 9999;
		background: #000;
		border-radius: 3px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;}

		/* arrow on the top of the dropdown */
		#icemegamenu ul.sub_level_1 div li:first-child > a:after {
			content: '';
			position: absolute;
			left: 40px;
			top: -10px;
			border-left: 6px solid transparent;
			border-right: 6px solid transparent;
			border-bottom: 6px solid #000;}
			#icemegamenu ul.sub_level_1 div div li:first-child > a:after {
				display:none}


		#icemegamenu ul.icesubMenu div > ul {
			margin:0;
			padding:0}


		#icemegamenu li:hover > ul {
			opacity: 1;
			visibility: visible;
			margin: 0;
      padding-top: 4px;
		}


		div.icemegamenu #icemegamenu ul.icesubMenu li {
			box-shadow:none;
			float:none;
			border:none}



			div.icemegamenu #icemegamenu ul.icesubMenu li a.iceMenuTitle,
			div.icemegamenu #icemegamenu ul.icesubMenu li span.separator {
				display:block;
				padding: 0px 8px 8px 16px;
				color: #cedcef;
				margin:0 15px;

				}



				/*ie7 hack */
				*+html div.icemegamenu #icemegamenu ul.icesubMenu li a.iceMenuTitle,
				*+html div.icemegamenu #icemegamenu ul.icesubMenu li span.separator {
					width:235px;}


				div.icemegamenu #icemegamenu ul.icesubMenu li a.iceMenuTitle:hover,
				div.icemegamenu #icemegamenu ul.icesubMenu li span.separator:hover {
					}


			div.icemegamenu #icemegamenu ul.icesubMenu li a.iceMenuTitle span.icemega_desc {
					display:block;
					position:relative;
					padding:0;
					top:auto;
					font-size:12px;
					color:#999!important;
					margin-top:-2px;
					right:auto;
					background:none;
					font-family:Verdana, Geneva, sans-serif;}
					div.icemegamenu #icemegamenu ul.icesubMenu li a.iceMenuTitle span.icemega_desc:after {
						display:none}



				/* when is parent */
				div.icemegamenu #icemegamenu ul.icesubMenu li.parent {
					background: url(../images/arrow.png) no-repeat 93% 45%}

						div.icemegamenu #icemegamenu ul.icesubMenu li#iceMenu_152.parent {
							background: none;}


				/* when is active */
				div.icemegamenu #icemegamenu ul.icesubMenu li.active a.iceMenuTitle {}




/* Second Level Dropdown */
/* div.icemegamenu #icemegamenu ul.icesubMenu li.active > ul a span {
color: #CEDCEF;
} */

div#menu_header.icemegamenu ul#icemegamenu li ul li div ul li ul li div ul li a.iceMenuTitle {
	color: #C5BA8D;
}

div.icemegamenu #icemegamenu ul.sub_level_2,
div.icemegamenu #icemegamenu ul.sub_level_3,
div.icemegamenu #icemegamenu ul.sub_level_4,
div.icemegamenu #icemegamenu ul.sub_level_5 {
	top: -16px;
	left: 259px;
	margin: 0 0 0 20px;
	background: #140000;
}
div.icemegamenu #icemegamenu ul.icesubMenu #iceMenu_152.parent ul,
div.icemegamenu #icemegamenu #iceMenu_106 ul {
	display: none;
	visibility: hidden;}

	div.icemegamenu #icemegamenu ul.sub_level_2 #iceMenu_185,
	div.icemegamenu #icemegamenu ul.sub_level_2 #iceMenu_202 {
		padding: 17px 0 0;
	}

div.icemegamenu #icemegamenu li ul.sub_level_2 span span {
	color: #6A788F;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div.icemegamenu #icemegamenu li ul.sub_level_2 span span.bold {
	color: #364255;
}

div.icemegamenu #icemegamenu li ul.sub_level_2 ul li:hover span span,
div.icemegamenu #icemegamenu li ul.sub_level_2 ul li:focus span span {
	color: #A9B5C9;
}
div.icemegamenu #icemegamenu li ul.sub_level_2 ul li:hover span span.bold,
div.icemegamenu #icemegamenu li ul.sub_level_2 ul li:focus span span.bold {
	color: #73849E;
}



/* sub menu links on hover or focus */
#icemegamenu li a.iceMenuTitle:hover,
#icemegamenu li a.iceMenuTitle:hover span,
div.icemegamenu #icemegamenu ul.icesubMenu li.active > a span {
	color:#FFF;}





/* for the modules insdie the dropdown */

.icesubMenu .icemega_cover_module {
	position:relative;
	overflow:hidden;
	width:auto!important;
	padding:10px 15px}
	div#subMenusContainer .icemega_cover_module {
		padding-left:0;
		padding-right:0}


	.icesubMenu .icemega_cover_module .icemega_modulewrap {
		position:relative;
		color:#fff;
		color:rgba(255,255,255,.7);}

		/* ie7 hack */
		*+html .icesubMenu .icemega_cover_module .icemega_modulewrap {
			color:#fff}


	.icesubMenu .icemega_cover_module .icemega_modulewrap span.iceModuleTile {
		color:#fff;
		font-size:1.25em;
		text-shadow:1px 1px 1px rgba(0,0,0,.8);
		margin-bottom:2px;
		display:block;}

	.icesubMenu .icemega_cover_module .icemega_modulewrap p:last-child {
		margin-bottom:.25em}

	.icesubMenu .icemega_cover_module .icemega_modulewrap a {
		color:#F0C237;}




    /* subtiles
    they appear on the top of the menu item when you move the mouse over */

      div.icemegamenu ul#icemegamenu li span.icemega_desc {
        display:block;
        font-family:Arial, Helvetica, sans-serif;
        padding:0;
        font-size:.9em;
        line-height:1em;
        color:#fff!important;
        color:rgba(255,255,255,.85)!important;
        background-color:#CD7B00;
        text-shadow:none!important;
        background-image: -moz-linear-gradient(#FF9901, #CD7B00);
        background-image: -webkit-linear-gradient(#FF9901, #CD7B00);
        background-image: -o-linear-gradient(#FF9901, #CD7B00);
        background-image: -ms-linear-gradient(#FF9901, #CD7B00);
        background-image: linear-gradient(#FF9901, #CD7B00);
        padding:3px 9px 4px;
        position:absolute;
        top:-28px;
        opacity:0;
        right:0;
        border-radius:5px;
        -webkit-transition:all .3s linear;
        -moz-transition:all .3s linear;
        -o-transition:all .3s linear;
        transition:all .3s linear}


        /* ie8 hack */
        @media \0screen {
        div.icemegamenu ul#icemegamenu li span.icemega_desc {
          top:-19px}
        }

        /* ie7 hack */
        *+html div.icemegamenu ul#icemegamenu li span.icemega_desc  {
          top:-19px}


        div.icemegamenu ul#icemegamenu li span.icemega_desc:after{
            content:"";
            border-style: dashed;
            border-color: transparent;
            border-width: 0.6em;
            display: -moz-inline-box;
            display: inline-block;
            /* Use font-size to control the size of the arrow. */
            height: 0;
            line-height: 0;
            position: relative;
            vertical-align: middle;
            width: 0;
            border-top-width: .7em;
            border-top-style: solid;
            border-top-color: #CD7B00;
            position:absolute;
            bottom:-14px;
            left:7px;
            opacity:0;
            -webkit-transition:opacity .3s linear;
            -moz-transition:opacity .3s linear;
             -o-transition:opacity .3s linear;
             transition:opacity .3s linear}


              div.icemegamenu ul#icemegamenu li:hover span.icemega_desc,
            div.icemegamenu ul#icemegamenu li.active  span.icemega_desc {
              top:-19px}

              div.icemegamenu ul#icemegamenu li:hover span.icemega_desc,
            div.icemegamenu ul#icemegamenu li:hover span.icemega_desc:after,
            div.icemegamenu ul#icemegamenu li.active  span.icemega_desc,
            div.icemegamenu ul#icemegamenu li.active  span.icemega_desc:after {
              opacity:1;}