/* 
=====
(c) 2012 TranzAct Technologies

theme: Transit 2012
version: 2012-12-21

=====
*/


/* === mainmenu ====== */
div.mainmenu{ margin-left:32px; }

/* === top menu ====== */
div.topmenu{ display:block; position:absolute; top:35px; left:190px; text-align:left; }
div.topmenu ul{ margin:0 auto; }
div.topmenu ul li{ display:inline; color:#06396F; font-size:13px; margin: 0 16px 0 0; padding:0; }
div.topmenu ul li a{ font-weight:normal; font-size:12px; color:#06396F; text-decoration:none; background:none; }
div.topmenu ul li a:hover{ color:#2782e2; background:none; }
div.topmenu ul li.last{ border-right:none; }


/* === submenu ====== */
div.submenu ul{ color:#05376C; margin:0 20px 40px 40px; }
div.submenu ul li{ color:#05376C; list-style:none; margin:0 0 16px 0; }
div.submenu ul li a{ font-weight:normal; }
div.submenu ul li a:hover{ color:#2782e2; background:none; }
div.submenu ul li.current, div.submenu ul li.current a{ font-weight:bold; }
div.submenu ul li.last{ }
div.submenu ul ul{ margin:8px 0px 8px 12px; }
div.submenu ul ul li{ margin:0 0 8px 0; }
div.submenu ul ul li:last-child{ margin:0; }

/* === menu (accordion etc) ====== */
div.menu ul{ color:#05376C; margin:0; }
div.menu ul li{ color:#05376C; list-style:none; margin:0 0 12px 0; }
div.menu ul li a{ font-size:0.9em; font-weight:normal; }
div.menu ul li a:hover{ color:#2782e2; background:none; }
div.menu ul li.current, div.submenu ul li.current a{ font-weight:bold; }
div.menu ul li.last{ }
div.menu ul ul{ margin:8px 0px 8px 24px; }
div.menu ul ul li{ margin:0 0 8px 0; }
div.menu ul ul li:last-child{ margin:0; }


/* === bottommenu ====== */
div.bottommenu{ position:relative; display:block; color:#114061; padding:12px 0 0; }
div.bottommenu ul{ list-style-type:none; line-height:normal; margin:0; padding:0; }
div.bottommenu ul li{ display:inline; font-size:10px; color:#555; background:url(img/bottommenu-dot.png) right center no-repeat; line-height:1.1em; margin:0; padding:0; }
div.bottommenu ul li.last{ background:none; }
div.bottommenu ul li a{ font-size:11px; color:#555; font-weight:normal; text-decoration:none; padding:4px 13px 4px 8px; }
div.bottommenu ul li.copyright{ background:none; padding-left:8px; }
div.bottommenu ul li a:hover{ color:#2782e2; }
div.bottommenu ul li.btn-1{ background:none; border-right:1px #555 solid; padding-right:8px; }
div.bottommenu ul li.btn-1 a{ padding:0; font-weight:bold; }


/* === social media menu ====== */
div.socialmediamenu{ display:block; position:absolute; width:200px; height:20px; top:6px; right:12px; }
div.socialmediamenu ul{ list-style-type:none; margin:0; padding:0; }
div.socialmediamenu ul li{ display:inline; float:right; height:20px; width:20px; margin:0 8px 0 0; }
div.socialmediamenu ul li a{ display:block; position:relative; height:20px; width:20px; }
div.socialmediamenu ul li a span{ display:none; }
div.socialmediamenu ul li.fb{ background:url(img/bugs_social-media.png) 0 0 no-repeat; }
div.socialmediamenu ul li.tw{ background:url(img/bugs_social-media.png) -40px 0 no-repeat; }
div.socialmediamenu ul li.li{ background:url(img/bugs_social-media.png) -80px 0 no-repeat; }
div.socialmediamenu ul li.yt{ background:url(img/bugs_social-media.png) -120px 0 no-repeat; }
div.socialmediamenu ul li.gp{ margin:0; }

/* === jump nav === */
#jumpnav0{ position:absolute; top:24px; right:12px; z-index:2100; }
#jumpnav0 p{ color:#999; font-size:10px; margin:0; }
#jumpnav0 option{ padding:0 6px; } 


/* === megamenu ====== */
#megamenu{ position:relative; list-style:none; height:32px; margin:0 0 0 32px; padding:0; }
#megamenu li{ float:left; list-style:none; text-align:center; line-height:31px; border:none; margin:0 6px; padding:0; }
#megamenu li a:hover{ background:#fff; color:#2782e2; }
#megamenu li a:active{ background:#fff; color:#2782e2; }
#megamenu li a{ display:block; outline:0; text-decoration:none; color:#fff; margin:1px 0 0; padding:0 16px; }
#megamenu li.btn-on{  }
#megamenu li.btn-on a{ background:#fff; color:#333; }
#megamenu li a.btn-on { background:#fff; color:#333; }

#megamenu div.flyout{
	width:840px;
	left:0;
	float:left;
	position:absolute;
	display:none;
	text-align:left;
	padding:18px;
	border:1px solid #ddd;
	border-top:none;
	
	background:#f4f4f4;
	background:rgba(244,244,244,0.91);
	background:-moz-linear-gradient(top, rgba(255,255,255,0.98), rgba(220,220,220,0.92));
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.98)), to(rgba(220,220,220,0.92)));

	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}

#megamenu div.col{ border-right:1px solid #888; float:left; margin-right:16px; padding:0 0 6px; }
#megamenu div.col:last-child{ border-right:none; margin-right:0; }
#megamenu div.col-1of2{ width:47%; float:left; }
#megamenu div.col-2of2{ width:47%; float:left; }

#megamenu div.col-1of3,
#megamenu div.col-2of3{ width:30%; float:left; }
#megamenu div.col-3of3{ width:30%; float:left; }

#megamenu div.col-1of4,
#megamenu div.col-2of4,
#megamenu div.col-3of4{ width:21%; float:left; }
#megamenu div.col-4of4{ width:21; float:left; }

/* align right */
#megamenu .menu_right{ float:right; margin-right:0; }
#megamenu li .align_right {
	-moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}
#megamenu li:hover .align_right{ left:auto; right:-1px; top:auto; }

/* megamenu - typology */
#megamenu p, #megamenu ul li{
	line-height:normal; font-size:12px; color:#05376C; 
	text-shadow: 1px 1px 1px #FFFFFF;
}
#megamenu p.alt{ text-align:justify; }
#megamenu p.h1{
	line-height:normal; font-size:1.6em; color:#05376C; 
	text-shadow: 1px 1px 1px #FFFFFF;
}
#megamenu p.h4{
	line-height:normal; font-size:12px; color:#666; text-transform:uppercase; margin:0 0 8px;
}
#megamenu p{ line-height:18px; margin:0 0 10px 0; }


#megamenu div.flyout a{ font-size:13px; color:#015b86; font-weight:bold; background:none; line-height:normal; padding:0; }
#megamenu div.flyout a>em { font-weight:bold; font-style:italic; }
#megamenu div.flyout a:hover{ background:none; color:#2782e2; }

#megamenu div.flyout ul {
	list-style:none;
	padding:0;
	margin:0;
}
#megamenu div.flyout li {
	font-size:12px; line-height:1.2em; position:relative; text-shadow: 1px 1px 1px #fefefe;
	float:none; text-align:left; width:92%;
	margin:0 0 6px; padding:0;
}
#megamenu div.flyout ul ul{ margin:6px 0 0;  }
#megamenu div.flyout li li{ margin:0 0 6px 16px;  }
#megamenu div.flyout li li a{ font-weight:normal; } 
#megamenu div.flyout li:hover{ }

#megamenu .imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
#megamenu .img_left{
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

/* -- overrides ---- */
#megamenu li.btn-1 div.flyout{ width:360px; }
#megamenu li.btn-1 div.flyout div.col-1{ width:170px; min-height:150px; }
#megamenu li.btn-1 div.flyout div.col-2{ width:120px; min-height:150px; border-right:none; }

#megamenu li.btn-2 div.flyout{ width:600px; }
#megamenu li.btn-2 div.flyout div.col-1{ width:190px; min-height:150px; }
#megamenu li.btn-2 div.flyout div.col-2{ width:350px; margin-right:0; border-right:none; }

#megamenu li.btn-3 table{ text-transform:uppercase; color:#666; font-size:10px; 
	line-height:11px; text-align:center; margin:0;
}
#megamenu li.btn-3 table td{ vertical-align:top; padding:0 18px 18px; }
#megamenu li.btn-3 table a{ text-transform:uppercase; color:#666; font-size:10px; font-weight:normal;
	line-height:11px; text-align:center; margin:0;
}
#megamenu li.btn-3 div.col-1{ width:260px; float:left; margin-right:24px; }
#megamenu li.btn-3 div.col-2{ width:340px; float:left; 
	background:url(img/megamenu_select-a-technology.png) left center no-repeat;
	padding-left:140px;
}

#megamenu li.btn-4 div.flyout{ width:800px; }
#megamenu li.btn-4 div.flyout div.col{ min-height:110px; }
#megamenu li.btn-4 div.flyout div.col-1{ width:260px; }
#megamenu li.btn-4 div.flyout div.col-2{ width:160px; }
#megamenu li.btn-4 div.flyout div.col-3{ width:150px; }
#megamenu li.btn-4 div.flyout div.col-4{ width:130px; margin-right:0; border-right:none; }

#megamenu li.btn-5 div.flyout{ width:210px; left:390px; }
#megamenu li.btn-6 div.flyout{ width:180px; left:472px; }