/* Biladi - HEADER */

#header { padding-top: 1em; width: 100%; }

#logo { float: left; margin-left: 0.7em; margin-bottom: 0.4em; }
#logo img { width: 16.5em; height: 4.7em; }

/* Biladi - userPanel */
#userPanel { float: right; width: 47.5em; margin-bottom: 1em; }
#userPanel, #header #userPanel a { font-size: 11px; color: #04738f; }
#header #userPanel a:hover { color: #f9a026; }
#userPanel #cart a:hover { text-decoration: none; }

/* Biladi - identification */
#identification { float: right; padding-top: 0.4em; }
#identification span, #userPanel #identification ul, 
#identification li, #userPanel #identification p { display: inline; }
#identification span, #userPanel #identification a { font-weight: bold; }
#identification ul { margin-left: 3.5em; }
#identification li a { margin-left: 1em; text-decoration: underline; }
#identification form { margin-top: 0.9em; }
#identification input { width: 10.2em; margin-right: 0.6em; border: 1px solid #04738f; background-color: #f6f6f6; }
#identification #edtLogin { width: 13em; margin-right: 0.7em; }
#identification #edtPassword { width: 8em; margin-right: 0.3em; }
#identification .submit input { 
  width: auto; padding: 0 0.1em; text-transform: uppercase; font-weight: bold; font-size: 10.6px; cursor: pointer; 
  color: white; background: #14809a url(../images/bg_buttons_ok.png) repeat-x top left; 
  margin-right: 0;
}

#banner { 
  width: 90em; height: 13.6em;
  background: #f4f4f4 url(../images/header1.jpg) no-repeat center;  
}

/* Biladi - menuHorizontal */
#menuHorizontal, #header #menuHorizontal li, #header #menuHorizontal h2, #header #menuHorizontal li a {
  float: left; position: relative;
}
#menuHorizontal { z-index: 10; }
#menuHorizontal li .first { margin: 0; }
#menuHorizontal li .activ { text-decoration: underline; }
#menuHorizontal li a { 
  position: relative; width: 8.258em; margin-left: 1px; padding: 0.7em 0; text-align: center; font-size: 12px; 
  color: white;
}
#menuHorizontal li .middles { background: #117188 url(../images/bg_button_middles.png) repeat-x top left; }
#menuHorizontal li .middles:hover { background: #08465a url(../images/bg_button_middles2.png) repeat-x top left; }
#menuHorizontal li .types { background: #259fa7 url(../images/bg_button_types.png) repeat-x top left; }
#menuHorizontal li .types:hover { background: #0a7783 url(../images/bg_button_types2.png) repeat-x top left; }
#menuHorizontal li a .iconButton { 
  position: absolute; bottom: 0; left: 48%;
  font-size: 1px; width: 10px; height: 6px;
  /* Hack IE6 */ _bottom: -1px !important; 
}
#menuHorizontal li .middles .iconButton { background: transparent url(../images/icon_button_middles.gif) no-repeat center; }
#menuHorizontal li .types .iconButton { background: transparent url(../images/icon_button_types.gif) no-repeat center; }

/* Submenus */

#menuHorizontal ul.submenu {
  position: absolute; left: 1px; top: 100%; _top: 102%; width: 9.9em; _width: 9.8em;
  background: #75cfe1 url(../images/menus/bg_menu_types.png) left -8px repeat-x;
  display: none;
}
#menuHorizontal li.catMenu ul.submenu {
  background: #4bdede url(../images/menus/bg_menu_cats.png) left -8px repeat-x;
}
#menuHorizontal li.last ul.submenu {
  left: auto; right: 0;
}
#menuHorizontal li.withSubMenu:hover .iconButton { display: none; }
#menuHorizontal li:hover ul.submenu { display: block; }
#header #menuHorizontal ul.submenu li, #header #menuHorizontal ul.submenu a { display: block; float: none; }
#menuHorizontal ul.submenu li a {
  left: -1px; font-weight: bold; text-align: left; width: 90%; padding: 0.7em 5%;
  border-bottom: 1px solid #88d9e8;
}
#menuHorizontal ul.submenu li a:hover {
  color: #08465a; background: #88d9e8 url(../images/menus/hover_marker_types.png) 0 1.05em no-repeat;
}
#menuHorizontal li.catMenu ul.submenu li a { border-bottom-color: #54dfdf; }
#menuHorizontal li.catMenu ul.submenu li a:hover {
  background-color: #54dfdf;
  background-image: url(../images/menus/hover_marker_cats.png);
}