/* Skins
 *
 * Skin styles should be limited to typography, colors, and
 * backgrounds. Except for text elements (i.e. h3, megamenu-title,
 * etc.), widths, margins, and padding of structural blocks are
 * set in the administration area.
 *--------------------------------------------------------*/

/* @group Minimal */

#navbar {
	overflow:visible !important;
	/*background-color:#04378b;*/
	background-color:transparent;
	/*background-color:#004431;*/
	height:36px !important;
	margin-top:-66px;
	position:relative;
}

.megamenu-skin-minimal .megamenu-parent-title a {
	color:#FFF;
	padding-bottom:20px;	
	padding-top:5px;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	margin-top:5px;
	width:220px;
	margin-right:0px !important;
	margin-left:10px !important;
	text-align:center;
}

.megamenu-skin-minimal .megamenu-parent-title a.active,
.megamenu-skin-minimal .hovering .megamenu-parent-title a,
.megamenu-parent-title a:hover {
	color:#87a2d0;
	background-color:#2454a3;
	padding-top:5px;
	padding-bottom:5px;
}

.megamenu-skin-minimal .megamenu-title {
	font-size:100%;
	font-weight:normal;
}

.megamenu-skin-minimal li {
	list-style-type:none;
	line-height:20px;
}

.megamenu-skin-minimal .megamenu-bin {
	background-color:#f49526;
	border:6px solid #f49526;
}

.megamenu-skin-minimal .megamenu-slot {
	margin: 0px 0px;
	height:100%;
}

.megamenu-skin-minimal .megamenu-slot-title,
.megamenu-skin-minimal .megamenu-slot-title a {
	font-size:100%;
}

.megamenu-skin-minimal a {
	color:#FFF;
	text-align:left;
	font-weight:normal;
	text-decoration:none;
	display:block;
	float:none;
}

.megamenu-skin-minimal .megamenu-link {
	font-size:85%;
}


.megamenu-menu .megamenu-slot {
	/*margin-bottom:0.5em;*/
	width:178px;
}

.megamenu-menu .megamenu-slot.last  {
	/*margin-bottom:0.5em;*/
	margin-right:0px !important;
	width:174px;
}

.megamenu-slot li.megamenu-item {
	float:none !important;
}

.megamenu-slot li.megamenu-item a {
	padding:4px 10px !important;
	font-size:16px;
	line-height:16px;
	margin-bottom:5px;
}

.megamenu-slot li.megamenu-item a.active,
.megamenu-slot li.megamenu-item a:hover {
	text-decoration:none;
	background-color:#f6ad3a;
}


.megamenu-slot .megamenu-slot-title a {
	color:#04378b;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:5px;
	padding:4px 10px;
	/*background-color:#f9c471;*/
	font-size:18px;
	letter-spacing:0.07em;
	margin-top:5px;
}

.megamenu-slot .megamenu-slot-title a:hover {
	text-decoration:none;
}


ul.megamenu-bin {
	width:936px !important;
	left:-262px !important;
}




/* F A R B E N */

/*   FARBE 1  ->  ROT       */
/*   dunkel       #9d0925   */
/*   mittel       #b42e47   */
/*   hell         #f7aebc   */
.megamenu-skin-minimal .farbe1 .megamenu-parent-title a.active,
.megamenu-skin-minimal .farbe1.hovering .megamenu-parent-title a,
.farbe1 .megamenu-parent-title a:hover {
	background-color:#9d0925;   /* dunkel */
	color:#f7aebc;			    /* hell */
}

.megamenu-skin-minimal .farbe1 .megamenu-bin {
	background-color:#9d0925;  /* dunkel */
	border:12px solid #9d0925; /* dunkel */
	background:url(../../sites/default/themes/grimmburg/assets/trans-rot.png) repeat;
}

.farbe1 .megamenu-slot li.megamenu-item a {
	color:#FFF;
	border:1px solid #b42e47; /* mittel */
	background-color:#b42e47; /* mittel */
}

.farbe1 .megamenu-slot li.megamenu-item a.active,
.farbe1 .megamenu-slot li.megamenu-item a:hover {
	color:#9d0925;			 /* dunkel */
	border:1px solid #FFF;
	background-color:#FFF;
}

.farbe1 ul.megamenu-bin {
	left:-240px !important;
}





/*   FARBE 2  ->  GELB      */
/*   dunkel       #f59224   */
/*   mittel       #f6ad3a   */
/*   hell         #fdd6a3   */
.megamenu-skin-minimal .farbe2 .megamenu-parent-title a.active,
.megamenu-skin-minimal .farbe2.hovering .megamenu-parent-title a,
.farbe2 .megamenu-parent-title a:hover {
	background-color:#f59224;   /* dunkel */
	color:#fdd6a3;			    /* hell */
}

.megamenu-skin-minimal .farbe2 .megamenu-bin {
	background-color:#f59224;  /* dunkel */
	border:12px solid #f59224; /* dunkel */
	background:url(../../sites/default/themes/grimmburg/assets/trans-gelb.png) repeat;
	background-color:transparent;
}

.farbe2 .megamenu-slot li.megamenu-item a {
	color:#FFF;
	border:1px solid #f6ad3a; /* mittel */
	background-color:#f6ad3a; /* mittel */
}

.farbe2 .megamenu-slot li.megamenu-item a.active,
.farbe2 .megamenu-slot li.megamenu-item a:hover {
	color:#f59224;			 /* dunkel */
	border:1px solid #FFF;
	background-color:#FFF;
}

.farbe2 ul.megamenu-bin {
	left:-480px !important;
}





/*   FARBE 3  ->  GRUEN     */
/*   dunkel       #005d3a   */
/*   mittel       #0f6948   */
/*   hell         #acd3c5   */
.megamenu-skin-minimal .farbe3 .megamenu-parent-title a.active,
.megamenu-skin-minimal .farbe3.hovering .megamenu-parent-title a,
.farbe3 .megamenu-parent-title a:hover {
	background-color:#005d3a;   /* dunkel */
	color:#acd3c5;			    /* hell */
}

.megamenu-skin-minimal .farbe3 .megamenu-bin {
	background-color:#005d3a;  /* dunkel */
	border:12px solid #005d3a; /* dunkel */
	background:url(../../sites/default/themes/grimmburg/assets/trans-gruen.png) repeat;
	background-color:transparent;
}

.farbe3 .megamenu-slot li.megamenu-item a {
	color:#FFF;
	border:1px solid #0f6948; /* mittel */
	background-color:#0f6948; /* mittel */
}

.farbe3 .megamenu-slot li.megamenu-item a.active,
.farbe3 .megamenu-slot li.megamenu-item a:hover {
	color:#005d3a;			 /* dunkel */
	border:1px solid #FFF;
	background-color:#FFF;
}

.farbe3 ul.megamenu-bin {
	left:-720px !important;
}








/* @end Minimal*/




/* @group friendly (ucsf theme)*/

/* overrides - begin */

	.megamenu-skin-friendly li{
		margin:0px;
		padding:0px;
		line-height:120%;
	}
  .megamenu-skin-friendly *{
		list-style:none;
	}

/* overrides - end */


.megamenu-skin-friendly{
	font-family:verdana,tahoma,arial,helvetica,sans-serif;
	background:#f5bb00; /* pharmacy medium gold */
	padding:0px 0px 5px 10px;
}
.megamenu-skin-friendly a:hover{
	text-decoration:none;
}
.megamenu-skin-friendly .megamenu-parent-title{
	text-transform:lowercase;
}
.megamenu-skin-friendly .megamenu-parent-title{
	font-weight:normal;
	font-size:100%;
	vertical-align:bottom;
}
.megamenu-skin-friendly .megamenu-parent-title a,
.megamenu-skin-friendly .megamenu-parent-title span,
.megamenu-skin-friendly .megamenu-parent-title a:visited{
	font-style:normal;
	color:#000; /* black */
	padding:5px;
}
.megamenu-skin-friendly .megamenu-parent-title a,
.megamenu-skin-friendly .megamenu-parent-title span,
.megamenu-skin-friendly .hovering .megamenu-parent-title a:hover{
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
}
.megamenu-skin-friendly .megamenu-slot,
.megamenu-skin-friendly .megamenu-slot a:hover{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
.megamenu-skin-friendly li.megamenu-slot{
	/*width:auto;*/
	/*max-width:200px;*/
	width:200px;
	margin:10px 10px auto auto;
	background:#b08700; /* pharmacy dark gold */
	padding-top:10px;
	padding-bottom:10px;
}
.megamenu-skin-friendly li.megamenu-slot:hover{
	background-color:#b08700; /* pharmacy dark gold */
}
.megamenu-skin-friendly .hovering .megamenu-parent-title a,
.megamenu-skin-friendly .hovering .megamenu-parent-title span{
	color:#fff;
	background:#b08700; /* pharmacy dark gold */
}
.megamenu-skin-friendly .hovering .megamenu-parent-title span:hover,
.megamenu-skin-friendly .megamenu-slot-title span{
	cursor:default;
}
.megamenu-skin-friendly .hovering .megamenu-parent-title a:hover{
	color:#fff; /* white */
	background:#00325b; /* 540 blue */
}
.megamenu-skin-friendly .megamenu-bin{
	margin-top:5px;
	padding:0px;
	color:#fff; /* white */
}
.megamenu-skin-friendly .megamenu-slot-title{
	font-family:"Arial Black",Arial,Helvetica,sans-serif;
	color:#f4ebcb; /* 80% white on pharmacy dark gold */
}
.megamenu-skin-friendly .megamenu-slot-title a:link,
.megamenu-skin-friendly .megamenu-slot-title a:visited{
	color:#f4ebcb; /* 80% white on pharmacy dark gold */
}
.megamenu-skin-friendly .megamenu-slot-title a,
.megamenu-skin-friendly .megamenu-slot-title span,
.megamenu-skin-friendly .megamenu-item a,
.megamenu-skin-friendly .megamenu-item span{
	padding:5px 12px 7px 12px;
	display:block;
}
.megamenu-skin-friendly .megamenu-slot a{
	color:#fff; /* white */
}
.megamenu-skin-friendly .megamenu-slot a:hover{
	color:#fff; /* white */
	background:#00325b; /* 540 blue */
}
.megamenu-skin-friendly .megamenu-item a,
.megamenu-skin-friendly .megamenu-item span{
	color:#fff; /* white */
	font-size:100%;
}
.megamenu-skin-friendly .megamenu-item a:hover{
	color:#fff; /* white */
	background:#00325b; /* 540 blue */
}
.megamenu-skin-friendly li.megamenu-slot{
	z-index:3000;
	background:#b08700; /* pharmacy dark gold */
	margin-bottom:1.5em;
	border:0px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-opera-border-radius:10px;
	-khtml-border-radius:10px;
  -khtml-box-shadow:rgba(0,0,0,.33) 5px 5px 5px;
	-moz-box-shadow:rgba(0,0,0,.33) 5px 5px 5px;
	box-shadow:rgba(0,0,0,.33) 5px 5px 5px;

}
.megamenu-skin-friendly ul a:hover{
	text-decoration:none;
}

.megamenu-skin-friendly .megamenu-slot-title{
	font-size:150%;
	line-height:150%;
	font-weight:bold;
}

/* start - ensure that #megamenu-menu bar is the same height in all browsers
 * very frustrating to get this correct - do not touch!
 *--------------------------------------------------------*/
.megamenu-skin-friendly .megamenu-item a,
.megamenu-skin-friendly .megamenu-item span
{
	font-size:120%;
}
.megamenu-menu,
.megamenu-skin-friendly .megamenu-parent,
.megamenu-skin-friendly .megamenu-parent-title
/* this is the key -- all these must be set to the same value */
{
	font-size:100%;
	line-height:110%;
	height:100%;
}

.megamenu-skin-friendly .megamenu-parent-title a,
.megamenu-skin-friendly .megamenu-parent-title a:link,
.megamenu-skin-friendly .megamenu-parent-title a:visited,
.megamenu-skin-friendly .megamenu-parent-title a:focus,
.megamenu-skin-friendly .megamenu-parent-title a:hover,
.megamenu-skin-friendly .megamenu-parent-title a:active,
.megamenu-skin-friendly .megamenu-parent-title span
{
	padding:4px 8px;
}
/* end - ensure that #megamenu-menu bar is the same height in all browsers
 *--------------------------------------------------------*/
.megamenu-skin-friendly .megamenu-parent-title a:hover {
	text-decoration:none;
	color:#fff; /* white */
	background:#00325b; /* 540 blue coated */
}
/* @end Friendly */