/*Default Styles for Horizontal Menu */
.hrzl-menu span.btn-nav {display:none; }
.hrzl-menu { height:48px; width:100%; background-color:#eb2326; font-weight:lighter; font-family:Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif; 
			 font-size:1em; position:relative;}
    
.hrzl-menu .menu-icon { font-size: 1.2em; color:#fff; margin-right:10px; margin-top:7px; display:inline-block; 
						cursor:pointer; padding:2px 4px; border:solid 1px #aaa; text-transform:uppercase;}
	.hrzl-menu .menu-icon:hover { color:#ff9100;}
	.hrzl-menu .menu-icon span { display:inline-block; padding:1px 3px; margin-right:4px;}

/*.hrzl-menu.large { background:url(../../Images/site/bg_hz_menu_bottom.jpg) repeat-x bottom;}*/
/*.hrzl-menu.large > li:first-child {margin-left:30px;}*/
.hrzl-menu, .hrzl-menu ul {margin:0; padding:0; list-style: none;}

.hrzl-menu.large ul {visibility:hidden; z-index: 5; padding:10px; position:absolute; top:67px; background-color:#ff5a01; padding-top:2px; min-width:300px; }

.hrzl-menu.large > li {display:inline-block; cursor:pointer; margin:0;}
.hrzl-menu.large > li:hover {border-bottom:5px solid #ff5a01;}

.hrzl-menu.large > li > a {font-weight:normal; text-transform:uppercase; text-align:center; display:inline-block; line-height: 255%; padding:0; width:100%; color:#fff; 
					 text-decoration: none; font-weight:bold;}
/*background:url(../../images/site/menu_item_separator.jpg) top left no-repeat; height:62px;*/
/*.hrzl-menu.large > li > a > span {display:block; padding:11px 15px; }*/	
.hrzl-menu.large > li > span.dummy {font-size:100%; color:#fff; text-align:center; display:inline-block; text-transform:uppercase;}

.hrzl-menu.large ul > li a {line-height:135%; padding:0; display:inline; color: #fff; }
.hrzl-menu.large ul > li a:hover {text-decoration:underline;}

.hrzl-menu.large li.active:hover ul.noJS {visibility:visible;  }

/*#coolMenu > li.item1 { width:176px;}
.hrzl-menu.large > li.item3 > ul {left:100px; width:80%;}*/

.hrzl-menu.large ul > li.col-1 {width:100%;}
.hrzl-menu.large ul > li.col-2 {width:49%; float:left;}
.hrzl-menu.large ul > li.col-3 {width:33%; float:left;}

/*#coolMenu > li.item3 { width:200px;}
#coolMenu > li.item4 { width:183px;}
#coolMenu > li.item5 { width:182px; border-right:0;}

#coolMenu .item5 ul {position:absolute; right:0;}*/
#coolMenu > li {padding:5px 0.5em;}

.hrzl-menu.large .submenu-block div.level2  {text-transform:uppercase; color:#fff; padding-top:8px; text-align:left; font-size:0.8em;}
.hrzl-menu.large .submenu-block div.level2 a {color:#fff; }
.hrzl-menu.large .submenu-block div.level3 { margin-bottom:3px; font-weight:normal; line-height:100%;}


/*for small screen*/
.hrzl-menu.small { height:auto; background-color:#ccc;}
.hrzl-menu.small  ul { display:none; background-color:#fff;width:100%;}
.hrzl-menu.small > li { border-bottom:1px solid #aaa; position:relative;}
.hrzl-menu.small > li:hover {background-color:#bbb; }
.hrzl-menu.small > li > a { display:block; padding:10px; color:#333;}
.hrzl-menu.small > li .btn-nav { position:absolute; right:20px; font-size:1em; top:10px; width:12px; height:12px;}
.hrzl-menu.small > li .btn-nav.plus { cursor:pointer;}

.hrzl-menu.small > li > ul > li > div {border-bottom:solid 1px #ccc; padding:6px 0 6px 30px;}
.hrzl-menu.small > li > ul > li.has-nav-text  {display:none; visibility:hidden;}
.hrzl-menu.small > li > ul > li.col { width:100%; float:none; margin:0; padding:0;}
.hrzl-menu.small > li > ul > li > div:hover { background-color:#ddd;}
.hrzl-menu.small > li > ul > li > div > a { display:block; color:#666; font-size:0.85em;}
.hrzl-menu.small > li > ul > li > div > a:hover {color:#ff5a01;}