﻿/*                                                                          */
/* NOTICE:                                                                  */
/*    To support more than one-single FlexMenu server control per page     */
/*    the CSS files' name is used as a class and is prefixed to all of      */
/*    the selectors (without the path or extension).                        */
/*                                                                          */
/*    The server control will automatically wrap the entire FlexMenu        */
/*    within a div-tag, whose class-name will be derived from the filename. */
/*                                                                          */
/*    *** THESE MUST BE ENTIRELY IN LOWER CASE! ***                         */
/*    The server control will cast these filenames to lower before use!     */
/*                                                                          */
/*    Only the base ASCII character set is supported.                       */
/*                                                                          */
/*    Also, spaces and periods before the extension will be converted       */
/*    into underscores, as these are not permitted within the selector.     */
/*                                                                          */

.horizontal .ekflexmenu
{
    /*padding: 10px 10px 10px 10px; 	padding: 0px 0px 0px 0px;*/ /* DIV; wraps the entire menu */ /* (the outer-most non-user container element)  	position: relative;     color: rgb(255, 255, 255);     width: 864px;     font-size: 12px;     font-family: Sans-Serif;     white-space: nowrap;*/
}

.horizontal a
{
    font-family: Verdana;
    font-size: 11px;
    color: #005395;
    font-weight: normal;
    text-decoration: none;
    height: auto;
}

.horizontal li li
{
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #f3cc9a;
}


/* Top Navigation */
#nav ul
{
    overflow: visible;
}

#nav ul a
{
    padding-top: 24px;
    height: 0;
    display: block;
    overflow: hidden;
}

.horizontal li#e5a1dcbef_6_7 a
{
    width: 136px;
}

.horizontal li#e5a1dcbef_6_7 a:hover
{
    background-position:0 -48px;
} 

.nav_woodproducts li#e5a1dcbef_6_7 a
{
    background-position: 0 -24px;
}

.horizontal li#e5a1dcbef_6_8 a
{
    width: 137px;
    background-position: -140px 0;
    margin-left: 4px;
}

.horizontal li#e5a1dcbef_6_8 a:hover
{
    background-position: -140px -48px;
}

.nav_pulppaper li#e5a1dcbef_6_8 a
{
    background-position: -140px -24px;
}

.horizontal li#e5a1dcbef_6_9 a
{
    width: 137px;
    background-position: -280px 0;
    margin-left: 3px;
}

.horizontal li#e5a1dcbef_6_9 a:hover
{
    background-position: -280px -48px;
}

.nav_builddesign li#e5a1dcbef_6_9 a
{
    background-position: -280px -24px;
}

.horizontal li#e5a1dcbef_6_10 a
{
    width: 138px;
    background-position: -420px 0;
    margin-left: 3px;
}

.horizontal li#e5a1dcbef_6_10 a:hover
{
    background-position: -420px -48px;
}

.nav_buyinggreen li#e5a1dcbef_6_10 a
{
    background-position: -420px -24px;
}

.horizontal li#e5a1dcbef_6_11 a
{
    width: 137px;
    background-position: -561px 0;
    margin-left: 3px;
}

.horizontal li#e5a1dcbef_6_11 a:hover
{
    background-position: -561px -48px;
}

.nav_greenbuilding li#e5a1dcbef_6_11 a
{
    background-position: -561px -24px;
}


.horizontal li#e5a1dcbef_6_12 a
{
    width: 138px;
    background-position: -701px 0;
    margin-left: 3px;
}

.horizontal li#e5a1dcbef_6_12 a:hover
{
    background-position: -701px -48px;
}

.nav_sustainableforest li#e5a1dcbef_6_12 a
{
    background-position: -701px -24px;
}

.horizontal li#e5a1dcbef_6_13 a
{
    width: 138px;
    background-position: -842px 0;
    margin-left: 3px;
}

.horizontal li#e5a1dcbef_6_13 a:hover
{
    background-position: -842px -48px;
}

.nav_climatechange li#e5a1dcbef_6_13 a
{
    background-position: -842px -24px;
}

#nav li#e5a1dcbef_6_7 ul li a, #nav li#e5a1dcbef_6_8 ul li a, #nav li#e5a1dcbef_6_9 ul li a, #nav li#e5a1dcbef_6_10 ul li a, #nav li#e5a1dcbef_6_11 ul li a, #nav li#e5a1dcbef_6_12 ul li a, #nav li#e5a1dcbef_6_13 ul li a
{
    background:none;
	background-color: #e5a244;
    overflow: visible;
    padding: 6px 9px;
    margin: 0;
    height: auto;
    display: block;
    width: 118px;
    text-align: left;
    text-transform:uppercase;
    color: #000;
    font-size:9px;
}

#nav li#e5a1dcbef_6_7 ul li a:hover, #nav li#e5a1dcbef_6_8 ul li a:hover, #nav li#e5a1dcbef_6_9 ul li a:hover, #nav li#e5a1dcbef_6_10 ul li a:hover, #nav li#e5a1dcbef_6_11 ul li a:hover, #nav li#e5a1dcbef_6_12 ul li a:hover, #nav li#e5a1dcbef_6_13 ul li a:hover
{
    color: #fff;
}

.horizontal .ekflexmenu_submenu, .horizontal .ekflexmenu_submenu_hover, .horizontal .ekflexmenu_submenu_parent, .horizontal .ekflexmenu_submenu_parent_hover
{
    top: 0px;
    left: 0px;
    height: auto;
}

.horizontal UL
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.horizontal ul.ekflexmenu_submenu_items
{
    height: 24px;
}

.horizontal LI
{
    /*border-right: 1px solid black;*/
    float: left;
    display: inline;
    position: relative;
    margin: 0px;
    padding: 0px; /*width: 120px;*/
}

.horizontal li ul
{
    overflow: visible !important;
}

.horizontal .ekflexmenu_submenu_items
{
    height: auto;
    margin-left: 0px; /* border-bottom-width: 0px;     border-width: 1px;     border-style: solid;     border-color: Black;     border: solid 1px black;*/
}

.horizontal .ekflexmenu_menu_level_0 .ekflexmenu_submenu_items
{
    position: relative;
    left: 0px;
    top: 0px;
    float: left;
}

.horizontal .ekflexmenu_menu_level_1 .ekflexmenu_submenu_items
{
    position: absolute;
    top: 26px;
    float: none;
}

#e5a1dcbef_6_7 .ekflexmenu_submenu_items
{
    left: 0;
    width:136px;
}


#e5a1dcbef_6_8 .ekflexmenu_submenu_items
{
    left: 4px;
    width:137px;
}

#e5a1dcbef_6_9 .ekflexmenu_submenu_items
{
    left: 3px;
    width:137px;
}

#e5a1dcbef_6_10 .ekflexmenu_submenu_items
{
    left: 3px;
    width:138px;
}

#e5a1dcbef_6_11 .ekflexmenu_submenu_items
{
    left: 3px;
    width:137px;
}

#e5a1dcbef_6_12 .ekflexmenu_submenu_items
{
    left: 3px;
    width:138px;
}

#e5a1dcbef_6_13 .ekflexmenu_submenu_items
{
    left: 3px;
    width:138px;
}

#nav li#e5a1dcbef_6_7 .ekflexmenu_submenu_items li a
{
    width:118px;
}

#nav li#e5a1dcbef_6_8 .ekflexmenu_submenu_items li a,
#nav li#e5a1dcbef_6_9 .ekflexmenu_submenu_items li a,
#nav li#e5a1dcbef_6_10 .ekflexmenu_submenu_items li a,
#nav li#e5a1dcbef_6_11 .ekflexmenu_submenu_items li a,
#nav li#e5a1dcbef_6_12 .ekflexmenu_submenu_items li a,
#nav li#e5a1dcbef_6_13 .ekflexmenu_submenu_items li a
{
    width:120px;
}

.horizontal .ekflexmenu_menu_level_2 .ekflexmenu_submenu_items
{
    position: absolute;
    left: 100%;
    top: 0px;
}

.horizontal .ekflexmenu .ekflexmenu_submenu_items_hidden
{
    display: none;
}

.horizontal .ekflexmenu_button
{
    /*display: block; /*padding: 5px 0px;*/
    /*font-weight: normal;
    color: #005395; /*background: rgb(47, 47, 97) url(ek_menu_ex__btnWorkareaBlueVista.jpg) repeat-x;*/
    /*width: 100%;*/
}
.horizontal .ekflexmenu_button_hover
{
    /*display: block;
    font-weight: normal !important;
    text-decoration: none !important;
    color: #ffffff; /*background: rgb(47, 47, 97) url(ek_menu_ex__btnWorkareaOrangeVista.jpg) repeat-x;*/
    /*width: 100%;*/
}

.horizontal .ekflexmenu_button_selected_hover
{
}

.horizontal .ekflexmenu_menu_level_2 .ekflexmenu_button
{
    /*display: block;
    padding-left: 10px;
    padding-right: 10px; /*padding: 5px 0px;*/
    /*font-weight: normal;
    color: #005395; /*background: rgb(47, 47, 97) url(ek_menu_ex__btnWorkareaBlueVista.jpg) repeat-x;*/
}
.horizontal .ekflexmenu_menu_level_2 .ekflexmenu_button_hover
{
    /*display: block;
    padding-left: 10px;
    padding-right: 10px; /*padding: 5px 0px;*/
    /*font-weight: normal;
    text-decoration: none;
    color: #ffffff; /*background: rgb(47, 47, 97) url(ek_menu_ex__btnWorkareaOrangeVista.jpg) repeat-x;*/
}

.horizontal .ekflexmenu_menu_level_2 .ekflexmenu_button_selected
{
    /*display: block;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: normal;
    color: #005395; /*background: rgb(47, 47, 97) url(ek_menu_ex__btnWorkareaOrangeVistaSelected.jpg) repeat-x;*/
   /* text-align: left;
    text-decoration: none;*/
}
.horizontal .ekflexmenu_menu_level_2 .ekflexmenu_button_selected_hover
{
    /*display: block;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: normal;
    color: rgb(255, 255, 255);
    background: rgb(47, 47, 97) url(ek_menu_ex__btnWorkareaOrangeVistaSelectedHover.jpg) repeat-x;
    text-align: left;
    text-decoration: none;*/
}

.horizontal img
{
    /*border-width: 0px;*/
}

.horizontal a.ekflexmenu_link /*,  .horizontal a.ekflexmenu_link:link,  .horizontal a.ekflexmenu_link:visited*/
{
    /*overflow: auto;
    padding: 0px 0px;
    color: #005395 !important;
    background: #f3f4e6;
    text-decoration: none;
    display: block;
    width: 100%;
    white-space: normal;*/
}
.horizontal a.ekflexmenu_link:hover /*,  .horizontal a.ekflexmenu_link:active,  .horizontal a.ekflexmenu_link:focus */
{
    /*padding: 0px 0px; /*text-indent: 10px;*/
    /*color: #ffffff !important;
    background: rgb(181, 166, 132);
    text-decoration: none;
    border-color: rgb(181, 166, 132);
    display: block;
    width: 100%; /*border-bottom: 1px solid rgb(220, 220, 220);*/
    /*white-space: normal;*/
}

.horizontal a.ekflexmenu_link_selected
{
    /*overflow: auto;
    padding: 0px 0px; /*text-indent: 10px;*/
    /*color: #005395;
    background: #f3f4e6;
    text-decoration: none;
    display: block;
    width: 100%;
    white-space: normal;*/
}
.horizontal a.ekflexmenu_link_selected:hover
{
    /*padding: 0px 0px; /*text-indent: 10px;*/
    /*color: #ffffff !important;
    background: rgb(181, 166, 132);
    text-decoration: none;
    border-color: rgb(181, 166, 132);
    display: block;
    width: 100%; /*border-bottom: 1px solid rgb(220, 220, 220);*/
    /*white-space: normal;*/
}

.horizontal ul ul a
{
    text-decoration: none !important;
}
