div.menus_wrapper{float: right;}
.sf-menu {padding-right:0;}
.sf-menu > li {
	position:relative;
	float:left;
	font:normal 14px/17px Arial, Helvetica, sans-serif;
	margin-right:10px;
}
	.sf-menu > li > a {
		display:block;
		padding:15px 23px 15px;
		color:#7b7473;
        margin-top:18px;
	}
		.sf-menu > li.sfHover > a,.sf-menu > li > a:hover, .sf-menu > li.current > a {text-decoration:none; color:#6c90ba; background:#ededed;}
/***submenu***/
.sf-menu ul {
	position:absolute;
	top:-999em;
	z-index:99;
	width:167px; 
	display:none;
	padding:10px 4px;
	background: url(../../images/marketing_site/submenu-bg.gif) 21px top no-repeat #fff;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.12);
	-moz-box-shadow:0px 2px 4px rgba(0,0,0,0.12);
	-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.12);
}
.sf-menu li li {
	width:100%;
	padding:0;
	margin-bottom:1px;
	position:relative;
	font:normal 13px/16px Arial, Helvetica, sans-serif;
}
	.sf-menu li li a{display:block; padding:7px 17px; color:#7b7473;}
		.sf-menu li li > a:hover,.sf-menu li li.sfHover > a{ background-color:#acc6ca; color:#fff; text-decoration:none;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 65px;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:-999em;
}
/***subsubmenu***/
.sf-menu ul ul{background-image:none;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:176px;
	top:-10px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:-999em;
}

/* Design for a width of 995px */
@media only screen and (min-width: 995px){
    .menus_wrapper{max-width: 657px;}
    ul.microsite_menu > li:first-child{/*max-width: 240px;width: auto !important; text-align: left;float: right;*/}
}

/* Design for a width of 768px */
@media only screen and (max-width: 995px){
	.sf-menu {padding-right:0px;}
	.sf-menu > li {margin-right:3px;}
	.sf-menu > li > a {padding-left:10px;padding-right: 10px;}
    .tall_menu > li > a {/*padding-top: 34px;padding-bottom: 33px;*/}
	.sf-menu ul {width:130px;}
	.sf-menu li li a{display:block; padding:7px 10px; color:#7b7473;}
	ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:140px;}
	.sf-menu > li > a .arrow{display:none; height:4px; width:100%; position:absolute; left:0; top:55px; background:url(../../images/marketing_site/menu-arrow.gif) center top no-repeat;}
		.sf-menu > li.sfHover > a .arrow,.sf-menu > li > a:hover .arrow, .sf-menu > li.current > a .arrow{background-position:center bottom;}
	/***submenu***/
	.sf-menu ul {background-image:none;}

    div.menus_wrapper{max-width: 430px;}
    .microsite_menu > li > div > a:first-child{padding-left: 13px !important;}
}

/* Design for a width of 480px*/
@media only screen and (max-width: 767px) {
    div.menus_wrapper{width: 100%;}

    nav{float:none;}
	.sf-menu > li {float:none; margin-right:0px; margin-bottom:8px;}
	.sf-menu > li > a {background:#ededed; padding:13px 21px; color:#6c90ba;margin: 0;}
		.sf-menu > li.sfHover > a,.sf-menu > li > a:hover, .sf-menu > li.current > a {color:#fff; background:#89999e;}
	.sf-menu > li > a .arrow{display:inline-block; height:4px; width:7px; position:static; background:url(../../images/marketing_site/menu-arrow2.gif) center top no-repeat; margin-left:7px; vertical-align:2px;}
		.sf-menu > li.sfHover > a .arrow,.sf-menu > li > a:hover .arrow, .sf-menu > li.current > a .arrow{background-position:center bottom;}
	/***submenu***/
	.sf-menu ul {position:static; width:auto; padding:10px; background: url(../../images/marketing_site/submenu-bg2.gif) 21px top no-repeat #ededed; box-shadow: none; -moz-box-shadow:none; -webkit-box-shadow:none;}
	.sf-menu li li{margin-bottom:1px;}
	.sf-menu li li a{display:block; padding:7px 21px; color:#7b7473;}
		.sf-menu li li > a:hover,.sf-menu li li.sfHover > a{ background-color:#acc6ca; color:#fff; text-decoration:none;}
	.sf-menu li li  a .arrow{display:inline-block; height:4px; width:7px; position:static; background:url(../../images/marketing_site/menu-arrow2.gif) center top no-repeat; margin-left:7px; vertical-align:2px;}
		.sf-menu li li.sfHover a .arrow,.sf-menu li li a:hover .arrow, .sf-menu li li.current > a .arrow{background-position:center bottom;}
	/***subsubmenu***/
	.sf-menu ul ul {padding-right:0px; background: url(../../images/marketing_site/submenu-bg2.gif) 21px top no-repeat #ededed;}

    /* User menu */
    .user_menu > li {float:none; margin-right:0px; margin-bottom:8px;}
    .user_menu > li > a {background:#ededed; padding:13px 21px; color:#6c90ba;display: block;}
    .user_menu > li.sfHover > a,.user_menu > li > a:hover, .user_menu > li.current > a {color:#fff; background:#89999e;}
    .user_menu > li > a .arrow{display:inline-block; height:4px; width:7px; position:static; background:url(../../images/marketing_site/menu-arrow2.gif) center top no-repeat; margin-left:7px; vertical-align:2px;}
    .user_menu > li.sfHover > a .arrow,.user_menu > li > a:hover .arrow, .user_menu > li.current > a .arrow{background-position:center bottom;}
    /***submenu***/
    .user_menu ul {position:static; width:auto; padding:10px; background: url(../../images/marketing_site/submenu-bg2.gif) 21px top no-repeat #ededed; box-shadow: none; -moz-box-shadow:none; -webkit-box-shadow:none;}
    .user_menu li li{margin-bottom:1px;}
    .user_menu li li a{display:block; padding:7px 21px; color:#7b7473;}
    .user_menu li li > a:hover,.user_menu li li.sfHover > a{ background-color:#acc6ca; color:#fff; text-decoration:none;}
    .user_menu li li  a .arrow{display:inline-block; height:4px; width:7px; position:static; background:url(../../images/marketing_site/menu-arrow2.gif) center top no-repeat; margin-left:7px; vertical-align:2px;}
    .user_menu li li.sfHover a .arrow,.user_menu li li a:hover .arrow, .user_menu li li.current > a .arrow{background-position:center bottom;}
    /***subsubmenu***/
    .user_menu ul ul {padding-right:0px; background: url(../../images/marketing_site/submenu-bg2.gif) 21px top no-repeat #ededed;}
}

/* Design for a width of 320px */
@media only screen and (max-width: 479px){

}

/* Settings menu at the top */
.settings_menu{position: relative;float: right;}
.settings_menu > li{position: relative;display: inline-block;}
.settings_menu > li:hover{background-color: #f9f9f9;}
.settings_menu .label{padding: 2px 10px;height: 20px;}
.settings_menu .flag{vertical-align: top;height: 13px;padding-top: 3px;}
.settings_menu ul{position: absolute;width: 220px;z-index: 1000;display:none;}
.settings_menu .align_right{right: 0;}
.settings_menu .align_left{left: 0;}
.settings_menu .login li:hover{background-color: #f9f9f9;color: #89999e;}
.settings_menu li li{color: #89999e;background-color: #f9f9f9;}
.settings_menu li li > a{display: block;padding:5px 20px;}
.settings_menu li li > a:hover{background-color:#acc6ca; color:#fff; text-decoration:none;}
.settings_menu li li > a > span{color: #89999e;}
.settings_menu li li > a:hover > span{color: #f3f3f3;}

/* Microsite menu */
.microsite_menu{position: relative;width: 100%;}
.microsite_menu > li{position: relative;display: inline-block;/*width: 100px;*/text-align: left;float: left;}
.microsite_menu > li:hover{/*background-color: #f9f9f9;*/}
.microsite_menu > li.float_right{float: right;}
.microsite_menu > li > div > a:first-child{/*padding-left: 23px;*/}
.microsite_menu > li > div > a{color: #7b7473;display: block;}
.microsite_menu > li > div.office > a{padding: 5px 10px;font-weight: bold; color:#000000;}
.microsite_menu > li > div.page > a{padding: 5px 23px;}
.microsite_menu > li > div > a:hover,.microsite_menu > li.sfHover > div > a{color: #ffffff;background: #ACC6CA;}
.microsite_menu ul{position: absolute;z-index: 50;display:none;background: #ACC6CA;padding: 0;}
.microsite_menu ul.office{left: -100px;width: 260px;}
.microsite_menu ul.more{right: 0;text-align: right;width: 167px;}
.microsite_menu li li{color: #ffffff;}
.microsite_menu li li.static{padding: 10px 15px;}
.microsite_menu li li.static.label{background-color: #88999e;font-weight: bold;padding: 10px 15px 5px 15px;}
.microsite_menu li li > a{display: block;color: #ffffff;background-color: #89999E;}
.microsite_menu li ul.office li > a{padding:5px 30px;}
.microsite_menu li ul.more li > a{padding:5px 23px;}
.microsite_menu li li > a:hover{background-color:#acc6ca; color:#fff; text-decoration:none;}
.microsite_menu li li > a > span{color: #89999e;}
.microsite_menu li li > a:hover > span{color: #f3f3f3;}
.microsite_menu > li > div.office > div.breadcrumb {
	border-radius: 4px;
	list-style: outside none none;
	padding: 4px 15px;
	color:#7b7473;
	font-weight: normal !important;
}
.microsite_menu > li > div.office > div.breadcrumb a {
	color:#7b7473;
	padding:4px;
}
.microsite_menu > li > div.office > div.breadcrumb a.selected{
	font-weight: bold;
	color:#EB008B;
}



/* Design for a width of 768px */
@media only screen and (max-width: 995px){
    .microsite_menu > li > div.page > a{padding: 5px 13px;}
    .microsite_menu li ul.more li > a{padding:5px 13px;}
}