﻿/* GLOBAL */
@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300);
/* MENU   */
ul#menu 
{
    border: 0px solid #FF0000;
        margin: 0px; 
        padding: 0px; 
        list-style: none; 
        color: red; 
        height: 20px;
        font-family: 'oswald', Tahoma, Arial, sans-serif, Verdana;
        font-size: 12px;  
        font-weight: 400;
        z-index: 6; 
        border-bottom: 1px solid #f18158;
    	float: left;
        position: relative;

}

ul#menu li { float: left; margin: 0px; padding: 0px; height: 20px;}
/*ul#menu li a { padding: 0px 15px 0px 0px;display: block; color: #1d3768; text-decoration: none; }*/
ul#menu li a { padding: 0px 15px 0px 0px;display: block; color: #323232; text-decoration: none; }
ul#menu li a:hover { color: #00aed4; /* background: url('../images/topnav_active.png') repeat-x; */ }
ul#menu li span {
	float: left;
	padding: 15px 0px;
	position: absolute;
	left: 0px; top: 14px;
	display: none;
	height: 11px;
	/* background: #224052; */
	color: #454545;
	width: 100%;
	background: url('../images/bgArrowActiveMenuSubMenu.png') no-repeat; 
	background-position: 15px 6px;
    /*
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
    */
}

ul#menu li:hover span { display: block; }

ul#menu li span a { padding-top: 10px; color: #454545; display: inline; font-size:11px;}
ul#menu li span a:hover { color: #00aed4; text-decoration: none;}

ul#menu li a.activeMenu { color: #00aed4; }

/* NEW */
ul#menu li span.activeSubMenu { display: block; }
ul#menu li span.activeSubMenu a.active { color: #00aed4; /*background: url('../images/bgArrowActiveMenuSubMenu.png') no-repeat; background-position: 10px 0px; */}
/*
#menu { border: 0px solid #FF0000;
        margin: 0px; 
        padding: 0px; 
        list-style: none; 
        color: #1d3768; 
        height: 20px;
        font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif, Verdana;
        font-size: 11px;  
        font-weight: 500;
        z-index: 6; 
        border-bottom: 1px solid #f18158;
}


#menu > li a { color: #1d3768; text-decoration: none; cursor: pointer; }
#menu > li a:hover { color: #00aed4; text-decoration: none; cursor: hands; }

#menu li { border: 0px solid green; float: left; margin: 0px; padding: 3px 15px 0px 0px; position: relative; height: 27px; z-index: 6; }
*/

/* SUB-MENUS*/
/*
#menu ul { padding: 0px; margin: 0px; display: block; }
#menu li ul { border: 0px solid #FF0000; position: absolute; left: -8px; top: 26px; margin: 0px; width: 210px; line-height: 10px; display: none; z-index: 1; z-index: 1; }
#menu li:hover ul { border: 0px solid #FF0000; display: block; font-size: 11px; }

#menu li ul li { float: left; font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif, Verdana; margin: 0px; padding: 9px 0px 0px 20px; list-style-type: none; font-size: 12px; }
#menu li ul li a { display: block; color: #00aed4; width: 217px; height: 30px; }
#menu li ul li a:hover { color: #00aed4; }       
#menu .bgRepeatSubMenu { margin: 0px;  width: 217px; height: 21px; }
*/
/* FOOTER SUB-MENU */
.csFooterSubMenuPageN { border: 0px solid green; margin: 0px 10px 0px 0px; padding: 3px 0px 0px 0px; float: left; width: 140px; min-height: 190px; line-height: 8px; background: url('../images/imgFooterSubMenuSeparator.png') no-repeat/* repeat-y */ top right; }
.csFooterSubMenuPageL { border: 0px solid green; margin: 0px 5px 0px 0px; padding: 3px 0px 0px 0px; float: left; width: 145px; min-height: 190px; line-height: 8px; }
.csFooterSubMenuPagePadding { border: 0px solid #000; margin: 0px 0px 15px 0px; padding: 0px; }
    .csFooterSubMenuPageTitle { font-family: 'Oswald', Tahoma, Arial, sans-serif, Verdana; font-size: 11px; }
    .csFooterSubMenuPageTitle a { color: #05a7cb; }
    .csFooterSubMenuPageTitle a:hover { color: #FFFFFF; }
        
    .csFooterSubMenuPageText { padding-left: 0px; font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif, Verdana; font-size: 12px; color: #999999; }
    .csFooterSubMenuPageText a { color: #999999; }
    .csFooterSubMenuPageText a:hover { color: #FFFFFF; }


/* CONTENT | SUB-MENU */
.glossymenu { border: 0px solid red; margin: 20px 0px 0px 25px; padding: 0; /* width: 222px; */ /*width of menu*/ /* border-top: 1px solid #e2e2e2;     background-color: #f2f2f2; */}

.glossymenu a.menuitem { background: url('../images/bgSubMenuSeparador.png') no-repeat bottom left; position: relative; display: block; padding: 0px 0px 0px 15px; width: auto; height: 25px; 
                         font-size: 11px; font-weight: bold; font-family: 'Oswald', Tahoma, Arial, sans-serif, Verdana; font-weight: 400; color: #00aed4; text-decoration: none; border: 0px solid red;}

.glossymenu a.SubMenuActive { color: #1a4f63; /* background-color: #00aed4; */ }
.glossymenu a.menuitem:hover { color: #1a4f63; /* background-color: #00aed4; */ }
.glossymenu .menuitem:active { color: #1a4f63; /* background-color: #00aed4; */}
.glossymenu a.menuitem .statusicon { position: relative; top: 5px; right: 5px; border: none; /* background-color: #FF0000; */ }
.glossymenu a.menuitem:hover { color: #1a4f63; /* background-color: #00aed4; */ }
.glossymenu div.submenu { /* background: #1a4f63; */ border: 0px solid #ff0000; }
.glossymenu div.submenu ul { list-style-type: none; margin: 0; padding: 0; }
.glossymenu div.submenu ul li { border-bottom: 0px solid #f2f2f2; padding: 0px 0px 0px 40px; height: 26px; /*background-color: #F0F0F0;  #54747f; */ }
.glossymenu div.submenu ul li a { display: block; font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif, Verdana; font-weight: 600; font-size: 12px; text-decoration: none; padding: 6px 0; padding-left: 10px; color: #00aed4; /* background: #F0F0F0; #54747f; */ }
.glossymenu div.submenu ul li a:hover { color: #00aed4; /* background: #F0F0F0; #54747f; */ }
.glossymenu div.submenu ul li a.SubMenuActive { color: #00aed4; /* background: #F0F0F0; #54747f; */ }
