/* HEADER */


/* banner */
#banner { 
	height: 12.5em; 
	background: transparent url(../images/bg_banner.png) center no-repeat; 
}
/* logo */
#logo { float: left; width: 21.3em; height: 6.6em; margin: 2.7em 2.7em 0; }
#logo img { width: 21.3em; height: 6.6em; }
/* userBox */
#userBox { float: right; display: inline; width: 24em; margin-right: 2em; }
#userBox a { text-decoration: underline; }
#userBox a:hover { color: #41bfe8; }
#userBox .userLinks { 
	position: relative; width: 20em; padding: 0.3em 2em 0.5em; border: 1px solid #e0d7df; 
	background: #e1e0e0 url(../images/bg_userlinks.png) left top repeat-x; 
}
#userBox .userLinks a { font-size: 13px; font-weight: bold; }
#userBox .userLinks .account { 
	padding-left: 1.5em; 
	background: transparent url(../images/icon_account.gif) 0.1em 0.15em no-repeat; 
}
#userBox .userLinks .account span { margin-left: 0.5em; font-size: 11px; font-weight: normal; }
#userBox .userLinks .subscribe { margin-left: 2.4em; }
#userBox .infoLink { margin-top: 0.5em; text-align: right; }
#userBox .infoLink a { font-size: 11px; }

/* menu*/
.menu { position: relative; width: 94em; height: 3.77em; border-bottom: 12px solid #f6f5f5; }
.menu .menuItem { float: left; width: 23.3em; padding-right: 0.2em; height: 3.77em; }
.menu .main { 
	position: relative; display: block; height: 2.9em;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif; text-align: center; color: black;
}
.menu .menuItem1 .main { background: #f2b22e url(../images/bg_navigation1.png) left top repeat-x; }
.menu .menuItem2 .main { background: #96c365 url(../images/bg_navigation2.png) left top repeat-x; }
.menu .menuItem3 .main { background: #e487cf url(../images/bg_navigation3.png) left top repeat-x; }
.menu .menuItem4 .main { padding-right: 0; background: #41bfe8 url(../images/bg_navigation4.png) left top repeat-x; }
.menu .main .text { display: block; padding: 0.7em 0; height: 1.5em; line-height: 1.5em; }
.menu .menuItem1 .text { background: transparent url(../images/bg_nav_deco1.png) center top no-repeat; }
.menu .menuItem2 .text { background: transparent url(../images/bg_nav_deco2.png) center top no-repeat; }
.menu .menuItem3 .text { background: transparent url(../images/bg_nav_deco3.png) center top no-repeat; }
.menu .menuItem4 .text { background: transparent url(../images/bg_nav_deco4.png) center top no-repeat; }
.menu a.activ, .menu a.activ:hover { text-decoration: underline; cursor: default; color: white; }


/* Hover */
.menu .container { position: relative; }
.menu .box {
	position: absolute; right: 0; top: 2.89em; z-index: 4200;
	display: none; z-index: 220;
	font-size: 13px; width: 34em;
	border: 5px solid #96c365; background-color: #d4e4c3;
}
.menu .withSubMenu:hover .box { display: block; }
.menu .menuItem3 .box { border-color: #e487cf; background-color: #f9d3f0; }
.menu .menuItem4 .box { border-color: #41bfe8; background-color: #bae8f7; }
.menu .box img {
	display: block; float: left; font-size: 10px;
	margin: 1.5em 0 1.5em 1.5em; width: 17.4em; height: 11.6em;
}
.menu .box ul {
	display: block; float: right; padding: 1.25em 1.25em 1.25em 0;
	font-size: 12px; width: 17.5em;
}
.menu .box ul li {
	display: block; padding-left: 1em;
	background: transparent url(../images/icon_marker_white.gif) left 6px no-repeat;
}