@import url(http://fonts.googleapis.com/css?family=Oswald);

/* IE Specific : PIE */
.ddrMainMenu li ul, .ddrMainMenu li,.ddrMainMenu li.root, .ddrMainMenu li.node, .ddrMainMenu li > a, .ddrMainMenu li > a:link, .ddrMainMenu li.last, .ddrMainMenu li.first, .ddrMainMenu li:hover, .ddrMenuAction, .ddrMenuAction.active,
.ddrMainMenu li > ul,.ddrMainMenu li.root,.ddrMainMenu li.root.first,.ddrMainMenu li.root.last .ddrMainMenu li.root a.menuLink, .ddrMainMenu li.root a.menuLink:link
{
    behavior: url('/portals/_default/skins/ariciegreen/js/PIE.htc');
}
.ddrMainMenu
{
    margin: 0;
    padding: 0;
    height: 100%; 
    min-width: 1000px;
    padding: 0px;
    text-align: left;
    display: inline-block;
}
* + html .ddrMainMenu
{
    display: inline;
    zoom: 1;
    width: 1000px;
}
.ddrMenuAction, .ddrMainMenu li a, .ddrMainMenu li span
{
    font-family: 'Oswald' , "Trebuchet MS" , "Myriad Web Pro" , arial, serif;
    letter-spacing: 1px;
    text-transform: uppercase; 
}

.ddrMainMenu li a, .ddrMainMenu li span
{
    line-height: 1em;
}
.ddrMainMenu li
{
    vertical-align: top;
    list-style: none;
    position: relative; 
    margin-bottom:5px
}

.ddrMainMenu > li
{
     
    display: inline-block;
}

* + html .ddrMainMenu > li
{
    display: inline;
    zoom: 1;
}

.ddrMainMenu li, .ddrMainMenu li a, .ddrMainMenu li a:link
{
    color: #FFF;
    text-decoration: none;
}
* + html .ddrMainMenu > li > a, * + html .ddrMainMenu > li > span
{
    display: block;
}

 .ddrMainMenu li > a, .ddrMainMenu li > a:link,
 .ddrMainMenu li > .menuNode
{
    min-width: 20px; 
    background-color: #99CC66;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#99CC66), to(#99CC66));
    background: -webkit-linear-gradient(#99CC66, #99CC66);
    background: -moz-linear-gradient(#99CC66, #99CC66);
    background: -ms-linear-gradient(#99CC66, #99CC66);
    background: -o-linear-gradient(#99CC66, #99CC66);
    background: linear-gradient(#99CC66, #99CC66);
    -pie-background: linear-gradient(#99CC66, #99CC66);
    border-bottom : 3px solid #ededed;
}

.ddrMainMenu li.selected > a,
.ddrMainMenu li.selected > .menuNode
{
    background-color: #ADCC8E;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ADCC8E), to(#ADCC8E));
    background: -webkit-linear-gradient(#ADCC8E, #ADCC8E);
    background: -moz-linear-gradient(#ADCC8E, #ADCC8E);
    background: -ms-linear-gradient(#ADCC8E, #ADCC8E);
    background: -o-linear-gradient(#ADCC8E, #ADCC8E);
    background: linear-gradient(#ADCC8E, #ADCC8E);
    -pie-background: linear-gradient(#ADCC8E, #ADCC8E); 
    position: relative;
    color: #fff;
}

.ddrMainMenu li.last
{
    width: auto; /*%25*/
}

 .ddrMainMenu li.root > a, .ddrMainMenu li.root > a:link,
 .ddrMainMenu li.root > .menuNode
{
 line-height: 50px;
    padding: 15px ;
 }
 
 
  .ddrMainMenu li.root.hasChild > a, .ddrMainMenu li.root.hasChild > a:link,
  .ddrMainMenu li.root.hasChild > .menuNode
{
    padding-right : 30px;
}
 

.ddrMainMenu li.root a:hover
{
    /*border-bottom:2px solid #5e5e5e;*/ /*00F;*/
    background-color: #ADCC8E;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ADCC8E), to(#ADCC8E));
    background: -webkit-linear-gradient(#ADCC8E, #ADCC8E);
    background: -moz-linear-gradient(#ADCC8E, #ADCC8E);
    background: -ms-linear-gradient(#ADCC8E, #ADCC8E);
    background: -o-linear-gradient(#ADCC8E, #ADCC8E);
    background: linear-gradient(#ADCC8E, #ADCC8E);
    -pie-background: linear-gradient(#ADCC8E, #ADCC8E);
}

.ddrMainMenu li.root.first > a,
.ddrMainMenu li.root.first  > .menuNode
{
    -webkit-border-radius: 10px 0 0px 10px;
    -moz-border-radius: 10px 0 0px 10px;
    border-radius: 10px 0 0px 10px;
}

.ddrMainMenu li.root.last  > a,
.ddrMainMenu li.root.last  > .menuNode
{
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
}

.ddrMainMenu li.node.first  a,
.ddrMainMenu li.node.first  .menuNode
{
    -webkit-border-radius: 4px 4px 0 0 ;
    -moz-border-radius: 4px 4px 0 0 ;
    border-radius: 4px 4px 0 0 ;
}

.ddrMainMenu li.node.last   a,
.ddrMainMenu li.node.last   .menuNode
{
    -webkit-border-radius:  0 0 4px 4px ;
    -moz-border-radius: 0 0 4px 4px ;
    border-radius: 0 0 4px 4px ;
}

.ddrMainMenu li.node.first.last  a,
.ddrMainMenu li.node.first.last  .menuNode
{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px ;
    border-radius: 4px ;
}

 .ddrMainMenu li.root > span.expandMenu
   {
       position :absolute;
       top : 0;
       right : 0;
       padding : 15px 10px 15px 0;
       z-index: 1000;
   }
    
    .ddrMainMenu li.root > span.expandMenu:after
    {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #fff;
    content: "";
    height: 0;
    width: 0;
       display :inline-block ;
    }
    
    .ddrMainMenu li > span.expandMenu:hover
	{
        cursor : pointer;
    }
    
     .ddrMainMenu li.node > span.expandMenu
	{
       position :absolute;
       top : 7px;
       right : 10px;
   }
    
    .ddrMainMenu li.node > span.expandMenu:after
	{
        border-left: 10px solid #fff;
		border-bottom: 5px solid transparent;
		border-top: 5px solid transparent;
		content: "";
		height: 0;
		width: 0;
       display :inline-block ;
    }

.ddrMenuAction
{
    display: none;
}
* + html .ddrMainMenu li > ul
{
    top: 60px; /*44*/
}
.ddrMainMenu li > ul
{
    display: none;
    position: absolute; 
     min-width:200px;
    width: 100%;
    margin-left: -5px;
    padding: 0;
    left: 0;
    top: 54px;
    z-index: 1001;
}

.ddrMainMenu li ul li
{
    line-height : 30px;
}

.ddrMainMenu li ul li, .ddrMainMenu li ul li.last, .ddrMainMenu li ul li.first
{
    width: 100%;
    text-align: left;
    margin: 0px;
    padding: 0px;
}

.ddrMainMenu li ul li a, .ddrMainMenu li ul li a:link, .ddrMainMenu li ul li a:visited, .ddrMainMenu li ul li a:active,
.ddrMainMenu li ul li .menuNode
{
    padding : 0 0 0 10px;
    border-bottom: medium none;
    display: block;
    padding: 8px 0 8px 10px;
}

.ddrMainMenu li ul ul
{
    top: 0px;
    left: 100%;
}
.ddrMainMenu li:hover > ul
{
    display: block;
}

.ddrMainMenu li:hover > a
{
    cursor: hand;
}
@media screen and (max-width:1000px)
{
	.ddrMainMenu
	{
		display:block;
		min-width:0;
	}
}
/* Smartphones (portrait) ----------- */
@media screen and (max-device-width : 480px), screen and (max-width : 480px), /*Tablets*/ screen and (min-device-width : 481px) and (max-device-width : 1024px) and (orientation : landscape), screen and (min-device-width : 481px) and (max-device-width : 1024px) and (orientation : portrait)
{
    .ddrMainMenu
    {
        display: none;
        padding: 0;
        min-width: 0;
        margin: 0 2% 0 0;
    }
    
    .ddrMainMenu li > ul
{
    position : relative ;
    top: 0px;
}

    .ddrMainMenu li, .ddrMainMenu li:hover
    {
        background-color: transparent;
    }

    .ddrMainMenu li.first, .ddrMainMenu li.last
    {
        border-radius: 0px;
    }
    
    .ddrMainMenu li > ul
    {
        display : none;
    }

    .ddrMainMenu li, .ddrMainMenu li.root.first, .ddrMainMenu li.root.last
    {
        background-color: transparent;
        /*display:block;*/
        width: 100%;
        line-height: 35px;
        margin: 1px 1%;
        padding: 0;
        border-bottom: none;          
    }

.ddrMainMenu li.root > a.menuLink, .ddrMainMenu li.root > a.menuLink:link
    {
        -webkit-border-radius: 4px  4px  4px 4px;
    -moz-border-radius:4px  4px  4px 4px;
    border-radius: 4px  4px  4px 4px;
        
        }
        
       
   .ddrMainMenu li a.menuLink, .ddrMainMenu li a.menuLink:link,
   .ddrMainMenu li span.menuNode,.ddrMainMenu li.root > .menuNode 
    {
        display: block;
        line-height: 35px;
        padding: 0 0 0 10px;
        background: #99CC66;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#99CC66), to(#99CC66));
        background: -webkit-linear-gradient(#99CC66, #99CC66);
        background: -moz-linear-gradient(#99CC66, #99CC66);
        background: -ms-linear-gradient(#99CC66, #99CC66);
        background: -o-linear-gradient(#99CC66, #99CC66);
        background: linear-gradient(#99CC66, #99CC66);
        -pie-background: linear-gradient(#99CC66, #99CC66);
        border : none;
    }

    
   .ddrMainMenu li span
   {
       line-height : 35px;
       display :inline-block ;
   }
    
    .ddrMainMenu li span.expandMenu:after, .ddrMainMenu li.node > span.expandMenu:after
    {
          border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #fff;
    content: "";
    height: 0;
    width: 0;
       display :inline-block ;
    }
    
     .ddrMainMenu li span.expandMenu.active:after, .ddrMainMenu li.node > span.expandMenu.active:after
    {
          border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #fff;
    border-top : none;
    content: "";
    height: 0;
    width: 0;
       display :inline-block ;
    }
    .ddrMainMenu li > span.expandMenu:hover
    {
        cursor : pointer;
    }
    
    .ddrMainMenu li.breadcrumb > a.menuLink, .ddrMainMenu li.breadcrumb > a.menuLink:link
    {
        background: #ADCC8E;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ADCC8E), to(#ADCC8E));
        background: -webkit-linear-gradient(#ADCC8E, #ADCC8E);
        background: -moz-linear-gradient(#ADCC8E, #ADCC8E);
        background: -ms-linear-gradient(#ADCC8E, #ADCC8E);
        background: -o-linear-gradient(#ADCC8E, #ADCC8E);
        background: linear-gradient(#ADCC8E, #ADCC8E);
        -pie-background: linear-gradient(#ADCC8E, #ADCC8E);
    }

    .ddrMainMenu li a.menuLink:hover
    {
        background: #ADCC8E;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ADCC8E), to(#ADCC8E));
        background: -webkit-linear-gradient(#ADCC8E, #ADCC8E);
        background: -moz-linear-gradient(#ADCC8E, #ADCC8E);
        background: -ms-linear-gradient(#ADCC8E, #ADCC8E);
        background: -o-linear-gradient(#ADCC8E, #ADCC8E);
        background: linear-gradient(#ADCC8E, #ADCC8E);
        -pie-background: linear-gradient(#ADCC8E, #ADCC8E);
    }

    .ddrMainMenu li.root li.node > a.menuLink, .ddrMainMenu li.root li.node > a.menuLink:link
    {
        font-size: 14px;
        padding: 0 0 0 6%;
    }

    .ddrMainMenu li.root li.node li.node > a.menuLink, .ddrMainMenu li.root li.node li.node > a.menuLink:link
    {
        font-size: 13px;
        padding: 0 0 0 9%;
    }

 
    .ddrMainMenu li.root span.expandMenu, .ddrMainMenu li.root  span.expandMenu:link
    {
         padding: 0 15px 0 0;
       position: absolute;
    right: 0;
    top: 0;
      
    }
    
    .ddrMainMenu li ul ul
    {
        left : 0px;
    }
   
    .ddrMainMenu li.disabledLink
    {
        display: none;
    }
    
     .ddrMainMenu li.disabledLink.hasChild
     {
     	display:block;
     }
.ddrMainMenu li:hover > ul
{
    display: none;
}
    
    .ddrMenuAction
    {
        width : 95%;
        display: block;
        font-size: 1.6em;
        padding: 3px 0 3px 3%;
        margin: 1px 1%;
        text-align: left;
        cursor: pointer; 
        background: #99CC66;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#99CC66), to(#99CC66));
        background: -webkit-linear-gradient(#99CC66, #99CC66);
        background: -moz-linear-gradient(#99CC66, #99CC66);
        background: -ms-linear-gradient(#99CC66, #99CC66);
        background: -o-linear-gradient(#99CC66, #99CC66);
        background: linear-gradient(#99CC66, #99CC66);
        -pie-background: linear-gradient(#99CC66, #99CC66);
        color: #fff;
        position : relative;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    .ddrMenuAction:after
    {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 10px solid #fff;
        border-bottom: none;
        position: absolute;
        right: 19px;
        top: 16px;
    }
    .ddrMenuAction.active:after
    {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 10px solid #fff;
        border-top: 0px;
        position: absolute;
        right: 19px;
        top: 16px;
    }

    .ddrMenuAction.active
    {
        background: #ADCC8E;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ADCC8E), to(#ADCC8E));
        background: -webkit-linear-gradient(#ADCC8E, #ADCC8E);
        background: -moz-linear-gradient(#ADCC8E, #ADCC8E);
        background: -ms-linear-gradient(#ADCC8E, #ADCC8E);
        background: -o-linear-gradient(#ADCC8E, #ADCC8E);
        background: linear-gradient(#ADCC8E, #ADCC8E);
        -pie-background: linear-gradient(#ADCC8E, #ADCC8E);
    }

    .ddrMainMenu li > ul
    {
        border: none;
    }
    .ddrMainMenu li ul li, .ddrMainMenu li ul li.last, .ddrMainMenu li ul li.first
    {
        width: 100%;
        text-align: left;
        border-bottom: none;
        margin: 0;
        padding: 0;
    }
}

/*Tablets*/
@media screen and (min-device-width : 481px) and (max-device-width : 1024px) and (orientation : landscape), screen and (min-device-width : 481px) and (max-device-width : 1024px) and (orientation : portrait)
{
    .ddrMenuAction
    {
        display: block;
        vertical-align: top;
        padding-right: 20px;
        position: relative;
    }
    .ddrMenuAction, .ddrMainMenu
    {
        width: auto;
    }

}