@charset "UTF-8";
/*Header and Main Menus*/
/*#callout-message-top {background-color:#faa820; padding-top:3px;}
#header-menus-top {top:25px; background-color:#474747;}
#main-menus-top {top:60px; background-color:#000000; }*/
/* STICKY_NOTE #4861 z-index is set higher value*/
#header-menus-top {top:0px; /*background-color:#474747;*/ background-color:#000; height: 32px;z-index: 2000 !important;}
#main-menus-top {/*top:35px;*/top:27px; background-color:#000000;z-index: 1500 !important;}

#header-menus-top-jp {top:0px; /*background-color:#474747;*/ background-color:#000;}
#main-menus-top-jp {/*top:35px;*/top:27px; background-color:#000000;}

/*@import url('http://fonts.googleapis.com/css?family=Open+Sans');*/
.nav-tabs > .active > a, .nav-tabs > .active > a:hover { outline:0; }

/*---------------------Header Menus-----------------------*/
#header-menus-container { /*font-family: 'Open Sans', sans-serif;*/ font-family:Arial, Helvetica, sans-serif; }
#header-menus { /*background-color:#474747;*/ background-color:#000; padding:2px 0px 6px 0px; overflow-x:auto; overflow-y:hidden; display:-webkit-box; display:-moz-boz; /*font-family: 'Open Sans', sans-serif;*/ font-family:Arial, Helvetica, sans-serif;}
#header-menus>li { float:none;}
#header-menus .vertical-divider { border-left:1px solid #ccc; margin:6px 0px 0px 0px; border-width:2px; height:20px; }
#show-textbox { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  border:medium none; color: #fff; padding-left:0px; }
#search-textbox {display:none; padding-left:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif; background-color:#747171; border:medium none; color: #fff;}
/*#header-menus a:hover { color:#ccc; }*/
#header-menus-mobile { display:none; }
#header-menus li {margin-left:0px;}

.nav-language { /*display: inline-block; border-radius: 3px; border-top: 2px solid #ffce54; height: 60px;*/ }
.nav-language ul { list-style: none; margin: 0; padding: 0; }
.nav-language ul li { /*position: relative; display: inline-block; height: 60px; border-left: 1px solid rgba(0,0,0,0.05); vertical-align: middle; float: left; */}
.nav-language ul li:first-child, .nav-language ul li:nth-child(2), .nav-language ul li:last-child { border-left: 0; } 
.nav-language ul li:nth-child(2) > a:before { z-index: 1; position: absolute; top: 0; left: -15px; content: ''; width: 0; height: 0; display: block; border-right: 15px solid #fff; border-top: 60px solid transparent; }
.nav-language ul li:nth-last-child(2) a:after { position: absolute; z-index: 1; top: 0; right: -15px; content: ''; width: 0; height: 0; display: block; border-left: 15px solid #fff; border-bottom: 60px solid transparent; }
.nav-language ul li:last-child a { /*background: #ffce54;*/ padding: 0px 15px 0px 10px; color:#000; }
/*.nav-language ul li:last-child a:hover { background: #ffce54; }*/
.nav-language ul li a { /*position: relative; display: block; padding: 0 25px; color: ; font-size: 14px; line-height: 60px; text-decoration: none; */}
.nav-language ul li a:hover { /*background: #f2f2f2;*/ }
.nav-language ul li a:hover:before { /*border-right: 15px solid #f2f2f2;*/ }
.nav-language ul li a:hover:after { /*border-left: 15px solid #f2f2f2;*/ }
/*.nav-language ul li a i { margin: 0 0 0 6px; }*/
.nav-language ul li .menu-language { display:none; position: absolute; background: #fff; /*top: 100%;*/ width: 80px; border-top: 1px solid rgba(0,0,0,0.05); border-bottom: 3px solid #faa820; border-radius: 0 0 3px 3px; overflow: hidden; margin-bottom: 5px;}
 .nav-language ul li .menu-language li { display: block; width: 100%; height: 45px; margin: 0; border-bottom: 1px solid rgba(0,0,0,0.05); }
 .nav-language ul li .menu-language li:nth-child(2), .nav-language ul li .menu-language li:nth-last-child(2) { height: 45px; }
 .nav-language ul li .menu-language li:nth-child(2) a:before, .nav-language ul li .menu-language li:nth-child(2) a:after, .nav-language ul li .menu-language li:nth-last-child(2) a:before, .nav-language ul li .menu-language li:nth-last-child(2) a:after { content: ''; display: none; }
 .nav-language ul li .menu-language li a { background: #fff; /*padding: 0 15px 0 30px;*/ color: ; line-height: 45px; text-align: left; }
 .nav-language ul li .menu-language li a:hover { background: #fff; }

/*---------------------Main Menus-----------------------*/
/*a { color: #c52d2f; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition:  color 300ms, background-color 300ms; transition:  color 300ms, background-color 300ms; }*/

/*#main-menus a:hover, #main-menus a:focus { color: #d43133; }*/
.navbar-brand { padding-top:15px; margin:0; }
.navbar { border-radius: 0; margin-bottom: 0; background: #151515; /* padding: 10px 0;*/ padding-bottom: 0; /*font-family: 'Open Sans', sans-serif;*/ font-family:Arial, Helvetica, sans-serif; }
 /*.navbar-nav{ margin-top: 12px; }*/
.navbar-nav>li{ margin-left: 35px; padding-bottom: 20px;}
#main-menus .navbar-nav>li{ margin-top:20px; }
.navbar-inverse .navbar-nav > li > a { padding: 5px 12px; margin: 0; /*border-radius: 3px;*/ color: #fff !important; /* line-height: 24px;*/ display: inline-block; font-size:14px; font-weight:400; }
#main-menus a:hover{ background-color:#f0f0ec; color: #162b75; border-radius: 0; text-decoration:none; }
.navbar-inverse { border: none; }
.navbar-inverse .navbar-brand { font-size: 36px; /*line-height: 50px;*/ color: #fff; }
/*.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus { background-color: #c52d2f; color: #fff; }*/
.navbar-inverse .navbar-nav .dropdown-menu { /*background-color: rgba(0,0,0,.85);*/ background-color:#f0f0ec; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  border: 0; padding: 0; margin-top: 0; border-top: 0; border-radius: 0; left:0px; font-size:12px; } 
  
  /*AO: box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); border-color:#ddd; transition-duration:250ms; background: rgb (240,240,236) none repeat scroll 0 0;
  BS: box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125)
  */
.navbar-inverse .navbar-nav .dropdown-menu:before{ position: absolute; top:0; }
.navbar-inverse .navbar-nav .dropdown-menu > li > a { /* padding: 8px 15px;*/ /*color: #fff;*/ }
/*.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a { background-color: #fff; color: #fff; }*/
#main-menus li:hover > a, #main-menus li:focus > a, #main-menus li.active > a { color:#162b75 !important; }
#main-menus li:hover, #main-menus li:focus, #main-menus li.active { background-color:#f0f0ec; }
/*.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a { border-radius: 0 0 3px 3px; }
.navbar-inverse .navbar-nav .dropdown-menu > li.divider { background-color: transparent; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-top: 0; padding-bottom: 0; }*/

.dropdown:hover .dropdown-menu { display:block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms; }
.navbar-nav > li { margin-left: 10px; }
.navbar-collapse { padding-left: 0; padding-right: 0; }

.well { min-height:0px !important; }
.well-lui {	background: #faa820 !important; border-radius:3px !important; border:none !important; height:32px !important; }
#main-menus #contact-us{ height:15px; border-radius:3px; color:#000;  }
#main-menus #contact-us a:hover { background-color:none;}	
.navbar-inverse .navbar-nav > li > a { padding:5px 10px 0px 10px;; color:#fff !important; font-weight:100; }
.category_sub_header {margin: 0px 0px 5px 50px; border-bottom: 1px solid #ccc; padding:0px 0px 5px 0px; text-transform: uppercase; font-size: 12px; color: #3f539a; font-family: verdana, arial, sans-serif; font-weight:bold;}

/*---------------------Your SAPERP-----------------------*/
#ur_saperp_menu { left:0px; width:680px;}
#ur_saperp_menu .heading{ font-size:22px; color:#666; padding:20px 0px 15px 0px; text-align:center; }
#ur_saperp_menu ul { list-style-type:none; padding:10px 0px 20px 40px; }
#ur_saperp_menu ul li { float:left; width:130px;}
/*#ur_saperp_menu ul li:last-child { float:left; width:100px;}*/
#ur_saperp_menu div.top1 { padding:90px 0px 0px 0px; text-align:center; width:90px;}
/*#ur_saperp_menu div.top2 { padding:90px 0px 0px 0px; text-align:center; width:90px;}
#ur_saperp_menu div.top3 { padding:90px 0px 0px 0px; text-align:center; width:90px;}*/
#ur_saperp_menu div.bottom1 { padding:115px 0px 0px 0px; text-align:center; width:90px;}
/*#ur_saperp_menu div.bottom2 { padding:115px 0px 0px 0px; text-align:center; width:90px;}*/
#ur_saperp_menu ul li a.row1 { height:135px; width: 130px; display:inline-block; background:url(../png/why_liquidui_row1.2.png) no-repeat; }
#ur_saperp_menu ul li a.row2 { height:135px; width: 170px; display:inline-block; background:url(../png/why_liquidui_row2.2.png) no-repeat; margin-bottom:20px;   }
#ur_saperp_menu ul li.item1 a { background-position:0px 0px; color:#4e4b49; }
#ur_saperp_menu ul li.item2 a { background-position:-130px 0px; color:#4e4b49; }
#ur_saperp_menu ul li.item3 a { background-position:-260px 0px; color:#4e4b49; }
#ur_saperp_menu ul li.item4 a { background-position:-390px 0px; color:#4e4b49; }
#ur_saperp_menu ul li.item5 a { background-position:-520px 0px; color:#4e4b49; }
#ur_saperp_menu ul li.item1 a:hover { background-position:0px -135px; color:#faa820 !important; }
#ur_saperp_menu ul li.item2 a:hover { background-position:-130px -135px; color:#faa820 !important; }
#ur_saperp_menu ul li.item3 a:hover { background-position:-260px -135px; color:#faa820 !important; }
#ur_saperp_menu ul li.item4 a:hover { background-position:-390px -135px; color:#faa820 !important; }
#ur_saperp_menu ul li.item5 a:hover { background-position:-520px -135px; color:#faa820 !important; }

/*---------------------Products-----------------------*/
#products_menu { left: -260px; width:845px;}
#products_menu .heading, #products_menu .heading_deploy, #products_menu .heading_run, #products_menu .heading_integrate, #products_menu .heading_build  {float:left; position:absolute; font-size:18px; color:#0060ae; overflow: hidden;} 
#products_menu .deploy { list-style-type: none;margin-top: 35px;padding: 0 19px;width:100%;display: inline-block;overflow: hidden;}
#products_menu a{ color:#162b75; text-decoration: none; }
#products_menu a:hover{ color:#faa820; text-decoration: none; }
#products_menu div.sub_title {float:left; position:absolute; font-size:16px; font-weight:bold}
#products_menu ul.deploy li { float:left; width:102px; padding-top:0px; padding-bottom:0px;}
/* Rev No. STICKY_NOTE #4861, Margin changed*/
#products_menu .heading_deploy {margin:10px 0px 0px 56px}
#products_menu .heading_run {margin:185px 0px 0px 56px}
#products_menu .heading_integrate {margin:315px 0px 0px 58px}
#products_menu .heading_build {margin:315px 0px 0px 460px}
#products_menu div.deploy_txt { padding:100px 0px 0px 0px; text-align:center; width:100px; line-height:12px;}
#products_menu ul.deploy li a { height:176px; width: 102px; display:inline-block; background:url(../png/products_menu_deploy.png) no-repeat; }
#products_menu ul.deploy li.item1 a { background-position:0px 0px; color:#4e4b49;}
#products_menu ul.deploy li.item2 a { background-position:-100px 0px; color:#4e4b49; }
#products_menu ul.deploy li.item3 a { background-position:-200px 0px; color:#4e4b49; }
#products_menu ul.deploy li.item4 a { background-position:-300px 0px; color:#4e4b49; }
#products_menu ul.deploy li.item5 a { background-position:-400px 0px; color:#4e4b49; }
#products_menu ul.deploy li.item6 a { background-position:-500px 0px; color:#4e4b49; }
#products_menu ul.deploy li.item7 a { background-position:-600px 0px; color:#4e4b49; }
#products_menu ul.deploy li.item8 a { background-position:-700px 0px; color:#4e4b49; }
#products_menu ul.deploy li.item1 a:hover { background-position:0px -176px; color:#faa820 !important; }
#products_menu ul.deploy li.item2 a:hover { background-position:-100px -176px; color:#faa820 !important; }
#products_menu ul.deploy li.item3 a:hover { background-position:-200px -176px; color:#faa820 !important; }
/* STICKY_NOTE #4801 Update Liquid UI Bot(Product page)  
slight alignment issue on hover */
#products_menu ul.deploy li.item4 a:hover { background-position:-300px -176px; color:#faa820 !important; }
#products_menu ul.deploy li.item5 a:hover { background-position:-400px -176px; color:#faa820 !important; }
#products_menu ul.deploy li.item6 a:hover { background-position:-500px -176px; color:#faa820 !important; }
#products_menu ul.deploy li.item7 a:hover { background-position:-600px -176px; color:#faa820 !important; }
#products_menu ul.deploy li.item8 a:hover { background-position:-700px -176px; color:#faa820 !important; }
/* STICKY_NOTE #4801 Update Liquid UI Bot(Product page) 
/* STICKY_NOTE #4861 Fixing alignment of Navbar elements(Under Products Menu)*/
#products_menu ul.run li {  width:30%; float:left;}
#products_menu ul.run li a{ height:82px; width:100%; display:inline-block; background:url(../png/products_menus_run.png) no-repeat; }
#products_menu div.run_txt { padding:65px 0px 0px 110px; text-align:center; width:210px; line-height:12px;}
#products_menu ul.run li.item1 a { background-position:0px 0px; color:#4e4b49; }
#products_menu ul.run li.item2 a { background-position:-250px 0px; color:#4e4b49; }
#products_menu ul.run li.item1 a:hover { background-position:0px -82px; color:#faa820 !important; }
#products_menu ul.run li.item2 a:hover { background-position:-250px -82px; color:#faa820 !important; }
/* STICKY_NOTE #4801 Update Liquid UI Bot(Product page) 
item3 is added for bot page*/
#products_menu ul.run li.item3 a { background-position:-513px 0px; color:#4e4b49; width: 280px;}
#products_menu ul.run li.item3 a:hover { background-position: -513px -82px; color:#faa820 !important; }
/* End of item 3*/
#products_menu ul.ib li { float:left; width:13%; padding-top:0px; padding-bottom:0px;}
#products_menu ul.ib li a{ height: 145px; width:150px; display:inline-block; background:url(../png/products_menu_ib-1.png) no-repeat; }
#products_menu div.ib_txt { padding:90px 0px 0px 60px; text-align:center; width:100px; line-height:12px;}
#products_menu ul.ib li.item1 a { background-position:0px -20px; color:#4e4b49; }
#products_menu ul.ib li.item2 a { background-position:-130px -20px; color:#4e4b49; }
#products_menu ul.ib li.item3 a { background-position:-260px -20px; color:#4e4b49; position:relative;}
#products_menu ul.ib li.item4 a { background-position:-400px -20px; color:#4e4b49; visibility: hidden !important;}
#products_menu ul.ib li.item5 a { background-position:-420px -20px; color:#4e4b49; }
#products_menu ul.ib li.item6 a { background-position:-530px -20px; color:#4e4b49; }
#products_menu ul.ib li.item7 a { background-position:-632px -20px; color:#4e4b49; }
#products_menu ul.ib li.item1 a:hover { background-position: 0px -186px;  color:#faa820 !important; }
#products_menu ul.ib li.item2 a:hover { background-position:-130px -186px;  color:#faa820 !important; }
#products_menu ul.ib li.item3 a:hover { background-position:-260px -186px;  color:#faa820 !important; position: relative;}
#products_menu ul.ib li.item4 a:hover { background-position:-400px -186px;  color:#faa820 !important;visibility: hidden; }
#products_menu ul.ib li.item5 a:hover { background-position:-420px -186px;  color:#faa820 !important; }
#products_menu ul.ib li.item6 a:hover { background-position:-530px -186px;  color:#faa820 !important; }
#products_menu ul.ib li.item7 a:hover { background-position:-632px -186px;  color:#faa820 !important; }
/* Rev No. STICKY_NOTE #4861 Fixing alignment of Navbar elements(Under Products Menu)*/
/* Below styles are added */
#products_menu .run { width: 100%; list-style-type: none;padding-left:2%; display: inline-block;overflow: hidden; box-sizing: content-box;}
#products_menu .item1 div.ib_txt { padding:90px 0px 0px 15px; text-align:center; width:100px; line-height:12px;}
#products_menu .item5 div.ib_txt { padding:90px 0px 0px 0px; text-align:center; width:100px; line-height:12px;}
#products_menu .item6 div.ib_txt { padding:90px 0px 0px 50px; text-align:center; width:100px; line-height:12px;}
#products_menu .item7 div.ib_txt { padding:90px 0px 0px 72px; text-align:center; width:100px; line-height:12px;}
#products_menu div.sub_title #mainMenuProd_DSK {top:40px !important; left:135px !important; position:relative;}
#products_menu div.sub_title #mainMenuProd_MB {top:40px !important; left:445px !important; position:relative;}
#products_menu div.sub_title #mainMenuProd_WEB {top:40px !important; left:665px !important; position:relative;}
#products_menu div.sub_title #mainMenuProd_OFF {top:40px !important; left:750px !important; position:relative;}
#products_menu div.sub_title #mainMenuIT_Infra{top:355px; left:100px; position:relative;}
#products_menu div.sub_title #mainMenuDvpTool_Intro{top:355px; left:500px; position:relative;}
#products_menu .ib { width: 100%; list-style-type: none;display: inline-block;padding-left:3%; padding-top:5%;}
#products_menu .item1 div.ib_txt { padding:90px 0px 0px 15px; text-align:center; width:100px; line-height:12px;}
#products_menu .item5 div.ib_txt { padding:90px 0px 0px 0px; text-align:center; width:100px; line-height:12px;}
#products_menu .item6 div.ib_txt { padding:90px 0px 0px 32px; text-align:center; width:100px; line-height:12px;}
/* End of 4861 */

/*---------------------Rapid Apps-----------------------*/
#rapid_apps { left:0px; width:515px; padding:15px 0px;}
#rapid_apps .category_sub_header {width:400px;}
#rapid_apps ul, #services ul, #support ul, #resources ul, #company ul, #jpproducts ul, #jprapidapps ul, #jpsolutions ul, #jpsuccess_stories ul, #jppartners ul, #jpcompany ul { list-style-type:none; padding:0px 0px 0px 40px; font-size:12px !important; line-height:25px; }
#rapid_apps a, #services a, #support a, #resources a, #company a, #jpproducts a, #jprapidapps a, #jpsolutions a, #jpsuccess_stories a, #jppartners a, #jpcompany a { color:#4e4b49; }
#rapid_apps ul li a:hover, #services ul li a:hover, #support ul li a:hover, #resources ul li a:hover, #company ul li a:hover, #jpproducts ul li a:hover, #jprapidapps ul li a:hover, #jpsolutions ul li a:hover, #jpsuccess_stories ul li a:hover, #jppartners ul li a:hover, #jpcompany ul li a:hover { color:#faa820 !important; }

/*---------------------Services-----------------------*/
#services { left:0px; width:350px; padding:15px 0px;}
#services .category_sub_header {width:280px;}

/*---------------------Support-----------------------*/
#support { left: -450px; width:520px; padding:15px 0px;}
#support .category_sub_header {width:420px;}

/*---------------------Resources-----------------------*/
/* STICKY_NOTE #5232 - Removing Free Trial CTA from webpage */
#resources { left: -313px; width:400px; padding:15px 0px;}
#resources .category_sub_header {width:150px; margin-left:35px;}

/*---------------------Company-----------------------*/
#company { left: -80px; width:105px; padding:15px 15px 15px 8px;}

.welcome_name { float:left; padding:6px 0px 0px 20px; color:#fff; }

/*---------------------JP Products-----------------------*/
#jpproducts { left:0px; width:545px; padding:15px 0px;}

/*---------------------JP Rapid Apps-----------------------*/
#jprapidapps { left:0px; width:350px; padding:15px 0px;}

/*---------------------JP Solutions / Industries-----------------------*/
#jpsolutions { left:0px; width:440px; padding:15px 0px;}
#jpsolutions .category_sub_header {width:150px;  margin-left:35px;}

/*---------------------JP Success Stories-----------------------*/
#jpsuccess_stories { left:-424px; width:500px; padding:15px 0px;}

/*---------------------JP Partners-----------------------*/
#jppartners { left: -98px; width:180px; padding:15px 15px 15px 8px;}

/*---------------------JP Company-----------------------*/
#jpcompany { left: -124px; width:200px; padding:15px 15px 15px 8px;}

#jpproducts .category_sub_header, #jprapidapps .category_sub_header, #jpsuccess_stories .category_sub_header {width:200px;  margin-left:35px;}
#jpproducts .heading, #jprapidapps .heading {font-size:18px; color:#0060ae; text-align:center;} 


/*---------------------Mobile Sliding Menus-----------------------*/
*, *:after, *::before {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*html, body, .container, .scroller {
	height: 100%;}*/

.scroller {
/*overflow: hidden;*/ }

.scroller, .scroller-inner {
/*position: relative;*/ }

.container { 
/*position: relative; overflow: hidden;*/ /*background: #34495e;*/ }

.mobile_menus_icon {
position: relative; padding-left: 60px; font-size: 0.9em; }

.mobile_menus_icon:before {
position: absolute; top: 2px; left: 0; width: 40px; height: 6px; background: #fff; box-shadow: 0 6px #34495e, 0 12px #fff, 0 18px #34495e, 0 24px #fff; content: ''; }

.mp-pusher {
	position: relative; /*position: absolute;*/ left: 0; height: 100%; }
nav#mp-menu{overflow-y: scroll !important;}
.mp-menu {
	position: absolute; /* we can't use fixed here :( */ top: 0; left: 0; z-index: 1; width: 250px; height:100%; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); background:#faf5f5;}

/*.mp-menu > .mp-level, .mp-menu > .mp-level.mp-level-open, .mp-menu.mp-overlap > .mp-level, .mp-menu.mp-overlap > .mp-level.mp-level-open {
	height:1000px !important;
}*/

/* Defined bacground and related CSS for the first menus screen */
.mp-level {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #faf5f5; /*background: #000;*/ -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); overflow-y: scroll; }

.mp-menu .left_arrow {
	float: right; font-size: 30px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-top: -8px !important; }

.mp-menu .left_arrow_2lines {
	position: absolute; right: 20px; font-size: 30px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-top: -23px !important; }

.mp-menu .right_arrow {
	position: absolute; left: 30px; font-size: 30px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; top: 9px; }

/* overlays for pusher and for level that gets covered */
.mp-pusher::after, .mp-level::after, .mp-level::before {
	position: absolute; top: 0; right: 0; width: 0; height: 0; content: ''; opacity: 0; }

.mp-pusher::after, .mp-level::after {
/*background: rgba(0,0,0,0.3); -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;*/ }

.mp-level::after {
	z-index: -1; }

.mp-pusher.mp-pushed::after, .mp-level.mp-level-overlay::after {
	width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; }

.mp-level.mp-level-overlay {
	cursor: pointer; }

/* Defined menus background while in transition */
.mp-level.mp-level-overlay.mp-level::before {
	width: 100%; height: 100%; background: transparent; /*background: #162b75;*/ opacity: 1; }

/*Defined the transition speed*/
.mp-pusher, .mp-level {
	-webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; }

/* overlap */
.mp-overlap .mp-level.mp-level-open {
	box-shadow: 1px 0 2px rgba(0,0,0,0.2); -webkit-transform: translate3d(-40px, 0, 0); -moz-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); }

/* First level */
.mp-menu > .mp-level, .mp-menu > .mp-level.mp-level-open, .mp-menu.mp-overlap > .mp-level, .mp-menu.mp-overlap > .mp-level.mp-level-open {
	box-shadow: none; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* cover */
.mp-cover .mp-level.mp-level-open {
	-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);/*background: #000;*/ }

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
	-webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

/* Add scrolling when require */
.mp-level-open:not(.mp-level-overlay){
overflow-y:auto;
}

/* content style */
.mp-menu ul {
	margin: 0; padding: 0; list-style: none; }

.mp-menu h2 {
	margin: 0; padding: 1em; color: rgba(0,0,0,0.4); text-shadow: 0 0 1px rgba(0,0,0,0.1); font-weight: 300; font-size: 2em; }

.mp-menu.mp-overlap h2::before {
	position: absolute; top: 0; right: 0; margin-right: 8px; font-size: 75%; line-height: 1.8; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s; transition: opacity 0.3s, transform 0.1s 0.3s; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); 
	transform: translateX(-100%); }

.mp-menu.mp-cover h2 {
	/*text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 1em;*/ font-family: 'Open Sans Condensed', sans-serif; font-size: 20px; color: #000000;
	font-weight: 700; padding: 0.7em 1em 0.7em 2.4em; }

.mp-overlap .mp-level.mp-level-overlay > h2::before {
	opacity: 1; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; 
	-webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }

.mp-menu ul li > a {
	display: block; padding: 0.7em 1em 0.7em 1.8em; outline: none; font-family: 'Open Sans Condensed', sans-serif; font-size: 20px; color: #666b66; box-shadow: inset 0 -1px rgba(0,0,0,0.2); text-shadow: 0 0 1px rgba(255,255,255,0.1); /*font-size: 1.4em;*/ -webkit-transition: background 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, box-shadow 0.3s; transition: background 0.3s, box-shadow 0.3s; background:none;}

.mp-menu ul li::before {
	position: absolute; left: 10px; z-index: -1; color: rgba(0,0,0,0.2); line-height: 3.5; }

.mp-level > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2); }

.mp-menu ul li a:hover, .mp-menu ul li h2:hover, .mp-level > ul > li:first-child > a:hover {
	box-shadow: inset 0 -1px rgba(0,0,0,0); color: #000000; text-decoration: none; background: rgba(253,185,19,1); }

/*.mp-menu ul li a:hover {
	background: rgba(253,185,19,1); }*/

.mp-menu .mp-level.mp-level-overlay > ul > li > a, .mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0); }

.mp-level > ul > li:first-child > a:hover, .mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0); } /* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */

.mp-back { 
	/*background: rgba(0,0,0,0.1); outline: none; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; display: block; font-size: 0.8em; padding: 1em; position: relative;*/
	box-shadow: inset 0 1px rgba(0,0,0,0.1); -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; }

.mp-back::after {
   /*font-family: 'linecons'; position: absolute; content: "\e037"; right: 10px; font-size: 1.3em; color: rgba(0,0,0,0.3);*/ }

.mp-menu .mp-level.mp-level-overlay > .mp-back, .mp-menu .mp-level.mp-level-overlay > .mp-back::after {
	background: transparent; box-shadow: none; color: transparent; }

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .mp-pusher, .no-js .mp-pusher {
	padding-left: 300px; }

.no-csstransforms3d .mp-menu .mp-level, .no-js .mp-menu .mp-level {
	display: none; }

.no-csstransforms3d .mp-menu > .mp-level, .no-js .mp-menu > .mp-level {
	display: block; }


@media (max-width: 992px) {
/*---------------------Header Menus-----------------------*/
.navbar-inverse .navbar-nav > li > a { padding: 5px 3px; margin: 0; /*border-radius: 3px;*/ color: #fff; /* line-height: 24px;*/ display: inline-block; font-size:12px; font-weight:400; }
.navbar-inverse .navbar-nav .dropdown-menu { font-size:10px; } 
.well-lui {	background: #faa820 !important; border-radius:3px !important; border:none !important; height:28px !important;}

/*---------------------Your SAPERP-----------------------*/
#ur_saperp_menu { left:-150px; width:680px;}
#ur_saperp_menu .heading { font-size:12px; color:#162b75;}
#ur_saperp_menu ul li a, #products_menu ul li a{ color:#4e4b49 !important; }
#ur_saperp_menu ul { list-style-type:none; }

/*---------------------Products-----------------------*/
#products_menu .heading_deploy {margin:10px 0px 0px 56px}
#products_menu .heading_run {margin:165px 0px 0px 56px}
#products_menu .heading_integrate {margin:290px 0px 0px 50px}
/* STICKY_NOTE #4861 Fixing alignment of Navbar elements(Under Products Menu)*/
#products_menu .heading_build {margin:290px 0px 0px 430px}

#products_menu { left: -290px; width:790px;}
#products_menu .deploy { list-style-type:none; margin-top:35px; padding-left:20px; height: 156px;}
#products_menu div.deploy_txt { padding:85px 0px 0px 0px; text-align:center; width:70px; line-height:12px;font-size: 11px;}
#products_menu ul.deploy li a { height:126px; width: 100px; display:inline-block; background:url(../png/products_menu_deploy_3.png) no-repeat; }
#products_menu ul.deploy li.item1 a { background-position:0px 0px; color:#4e4b49;}
#products_menu ul.deploy li.item2 a { background-position:-100px 0px; color:#4e4b49; }
#products_menu ul.deploy li.item3 a { background-position:-200px 0px; color:#4e4b49; }
/* STICKY_NOTE #4801 Update Liquid UI Bot(Product page)  
slight alignment issue on hover */
#products_menu ul.deploy li.item4 a { background-position:-295px 0px; color:#4e4b49; }
#products_menu ul.deploy li.item5 a { background-position:-400px 0px; color:#4e4b49; }
#products_menu ul.deploy li.item6 a { background-position:-500px 0px; color:#4e4b49; }
#products_menu ul.deploy li.item7 a { background-position:-600px 0px; color:#4e4b49; }
#products_menu ul.deploy li.item8 a { background-position:-700px 0px; color:#4e4b49; }
#products_menu ul.deploy li.item1 a:hover { background-position:0px -154px; color:#faa820 !important; }
#products_menu ul.deploy li.item2 a:hover { background-position:-100px -154px; color:#faa820 !important; }
#products_menu ul.deploy li.item3 a:hover { background-position:-200px -154px; color:#faa820 !important; }
/* STICKY_NOTE #4801 Update Liquid UI Bot(Product page)  
slight alignment issue on hover */
#products_menu ul.deploy li.item4 a:hover { background-position:-295px -154px; color:#faa820 !important; }
#products_menu ul.deploy li.item5 a:hover { background-position:-400px -154px; color:#faa820 !important; }
#products_menu ul.deploy li.item6 a:hover { background-position:-500px -154px; color:#faa820 !important; }
#products_menu ul.deploy li.item7 a:hover { background-position:-600px -154px; color:#faa820 !important; }
#products_menu ul.deploy li.item8 a:hover { background-position:-700px -154px; color:#faa820 !important; }
/*#products_menu { left:0px; width:475px;}*/
/*#products_menu .category_sub_header { margin:10px 0px 0px 39px; width:150px;}*/

/* STICKY_NOTE #4861, Below lines are commented not required  */
/* #products_menu ul.run { list-style-type:none; padding-left:0px;}   */
/* #products_menu ul.run li { float:left; width:45%; padding-top:0px; padding-bottom:0px; padding-left:20px; margin-left:5px; overflow:hidden;} */
/* STICKY_NOTE #4801 Update Liquid UI Bot(Product page) 
item3 is added for bot page*/
#products_menu ul.run li a{ height:82px; width: 240px; display:inline-block; background:url(../png/products_menus_run.png) no-repeat;box-sizing: content-box;}
#products_menu div.run_txt { text-align:center; width:195px; line-height:12px; font-size: 11px;} 
#products_menu div.ib_txt { padding:90px 0px 0px 65px; text-align:center; width:70px; line-height:12px; font-size:12px;}
#products_menu ul.run li.item1 a { background-position:0px 0px; color:#4e4b49; }
#products_menu ul.run li.item2 a { background-position:-250px 0px; color:#4e4b49; }
#products_menu ul.run li.item3 a { background-position:-540px 0px; color:#4e4b49; width: 280px;}
#products_menu ul.run li.item1 a:hover { background-position:0px -82px; color:#faa820 !important; }
#products_menu ul.run li.item2 a:hover { background-position:-250px -82px; color:#faa820 !important; }
#products_menu ul.run li.item3 a:hover { background-position: -540px -82px; color:#faa820 !important; }
/******** End **********/
/* STICKY_NOTE #4861 Below lines are added */
#products_menu ul.deploy li { float:left; width:95px; padding-top:0px; padding-bottom:0px; }
#products_menu div.sub_title #mainMenuProd_DSK {top:40px !important; left:125px !important; position:relative;}
#products_menu div.sub_title #mainMenuProd_MB {top:40px !important; left:410px !important; position:relative;}
#products_menu div.sub_title #mainMenuProd_OFF {top:40px !important; left:694px !important; position:relative;}
#products_menu div.sub_title #mainMenuProd_WEB {top:40px !important; left:615px !important; position:relative;}
#products_menu div.sub_title #mainMenuIT_Infra{left:95px; top: 333px; font-size: 14px;position:relative; }
#products_menu div.sub_title #mainMenuDvpTool_Intro{left:470px; top: 333px; font-size: 14px;position:relative; }
.sub_title #mainMenuProd_OFF, .sub_title{font-size: 14px !important;}
/* End of #4861 */ 

/*---------------------Rapid Apps-----------------------*/
#rapid_apps { left:-100px; width:440px; padding:15px 0px;}
#rapid_apps .category_sub_header {width:350px;}

/*---------------------Services-----------------------*/
#services { width:320px;}
#services .category_sub_header {width:250px;}

/*---------------------Support-----------------------*/
#support { left: -401px; width:450px;}
#support .category_sub_header {width:380px;}

/*---------------------Resources-----------------------*/
/* STICKY_NOTE #5232 - Removing Free Trial CTA from webpage */
#resources { left: -337px; width:400px; }
#resources .category_sub_header {width:140px; }

/*---------------------Company-----------------------*/
#company { left: -102px; width:105px; }
 
#rapid_apps ul, #services ul, #support ul, #resources ul, #company ul { list-style-type:none; padding:0px 0px 0px 40px; font-size:10px; line-height:25px; }


}

@media (max-width: 767px) {
/*#main-menus-top {top:25px;}*/
#ur_saperp_menu { left:-150px; width:680px;}
.sideMobileMenus {padding-top:20px;}	
#main-menus-top {top:0px;}	
#support, #resources { width:100%; left:0px;}
#products_menu .category_sub_header, #rapid_apps .category_sub_header, #support .category_sub_header, #resources .category_sub_header { margin:10px 0px 0px 0px; width:140px;}
#products_menu ul, #rapid_apps ul, #support ul, #resources ul { margin:0px; padding-left:0px;}
/*.dropdown:hover .dropdown-menu { display:none; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms; }*/

/*---------------------Header Menus-----------------------*/
#header-menus { display:none;}
#header-menus-mobile { display:block; font-size:9px; padding:10px 0px 0px 0px; text-align:right;}
#header-menus-mobile a { color:#fff; padding:10px 0px 0px 0px; font-size:9px;}
/*#search-textbox-mb { display:block; width:275px; /*border-radius:3px;* color:#000; }*/
.search-textbox { background: #faf5f5 none repeat scroll 0 0; border:1px solid #ccc; border-image: none; color: #525652; height: 100%; padding: 14px 50px 14px 25px; width: 90%; font-size:12px; margin:10px; }
/*#search-textbox-mb { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #fefdfd none repeat scroll 0 0; border-color: -moz-use-text-color -moz-use-text-color #cccccc;
    border-image: none; border-style: none none solid; border-width: medium medium 1px; box-sizing: border-box; color: #525652; height: 100%; padding: 14px 50px 14px 25px; width: 100%; font-size:12px; }	*/

#main-menus .navbar-nav>li{ margin-top:0px; }

.navbar-brand { padding-top:7px !important;}

.navbar-inverse .navbar-brand { /*float:left; position:relative; right: -30%;*/ /* or right 50% */}

.navbar-toggle { float:left !important; margin-left:15px !important; }

.container > .navbar-header, .container > .navbar-collapse{ margin-left: 0; }

.navbar-nav > li { margin-left:0px; padding-left:10px; padding-bottom:0px; }

.navbar-nav > li:hover { text-decoration:underline; }

.navbar-nav > li:last-child {padding:0px 15px 30px 15px; }

.well-lui {	background:none !important; border-radius:3px !important; border: 1px #faa820 solid !important; text-align:center; width:100%;}

#site_map ul li{width:200px; font-size:11px;}
#site_map li ul li a{ font-size:10px;}	
#site_map a{ font-size:12px; }

.ph_cont { background-color:#0060ae; text-align:center; height:35px; padding-top:8px; }
.ph_box {border-radius:15px; background:#cccccc; padding:5px 10px;}

::-webkit-scrollbar {
	-webkit-appearance: none;
	display: none;
}
.mp-level{
	-ms-overflow-style: none; /* IE 11 */
	scrollbar-width: none; /* Firefox 64 */
	overflow: -moz-scrollbars-none;
}
}
/** below class added for liquid_ui_server page youtube responsive display **/
#responsive-video{ width: 100%!important; height: 430px !important; display: flex !important;}
@media screen and (min-width: 768px) and (max-width: 991px) {
	#responsive-video{ width: 100%!important; height: 325px !important; display: flex !important;}
}
@media screen and (min-width: 467px) and (max-width: 767px) {
	#responsive-video{ width: 100%!important; height: 365px !important; display: flex !important;}
}
@media (max-width: 467px) {
	#responsive-video{ width: 100%!important; height: 210px !important; display: flex !important;}
}
/** above class added for liquid_ui_server page youtube responsive display **/
/* Header Menus 12/20/2013 */
/*#header
{
	left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5000;
}

#container_header
{
	background:#494d49;
}
#container_header_menus
{
	width:100%; background-color:#000; height:30px; background:url("/images/navmenu_bg1.png");
}

#wrapper_header
{
	height:30px; width:974px; margin:0px auto;
}

#wrapper_header_menus
{
	background:url("/images/header_background.png"); width:954px; margin:0px auto; height:70px; border-bottom: 0px solid #ccc;
}
#wrapper_header_menus_home
{
	background:url("/images/header_background.png"); width:974px; margin:0px auto; height:70px; border-bottom: 0px solid #ccc;
}

.shadow {
    background: url("/images/header_menus_shadow.png") no-repeat scroll center top rgba(0, 0, 0, 0); margin-top:100px; clear: both; height: 13px; left: 0; opacity: 0.5; position: absolute; width: 100%; z-index: 998;
}

#logo
{
	float:left;
	margin-top:0px;
	margin-left:30px;
	padding: 18px 0px 0px 20px;
	height:53px;
	width:144px;
}

#logo a
{
	text-indent:-9999px;
	background: url("images/liquid_logo_saperp_registered.png") no-repeat;
	width:210px;
	height:42px;
	display:block;
}

#logo_home
{
	float:left;
	margin-top:0px;
	margin-left:40px;
	padding: 18px 0px 0px 20px;
	height:53px;
	width:144px;
}

#logo_home a
{
	text-indent:-9999px;
	background: url("images/liquid_logo_saperp_registered.png") no-repeat;
	width:210px;
	height:42px;
	display:block;
}

#header_link
{
	float:right;
	margin-top:9px;
	margin-right:10px;
	vertical-align:middle;
}

#header_link ul li
{
	display: inline; padding: 0px 5px;
}

a.header_link, a.header_link:visited
{
	font-size:12px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
}

a.header_link:hover
{	
	color: #CCC;
}

.welcome_name { float:left; padding:10px 0px 0px 20px; color:#fff; font-weight:bold; }

.main_menus { border-radius: 3px; width: 710px; float: right; padding-right:20px;}
.main_menus li { list-style: none;  }
.main_menus > li { padding: 0; float: left; position: relative; }
.main_menus > li > a { float: left; color: #4E4B49; font-size: 13px; text-decoration: none; line-height: 83px; padding: 0 10px; height: 73px; font-family: verdana, arial, sans-serif; font-size: 14px; border-top: 5px solid #fff; }
.main_menus > li:hover > a { border-top: 5px solid #faa820; color:#faa820 }
.main_menus > li:first-child > a { border-left: 0; }
.main_menus > li:last-child > a { border-right: 0; }
.main_menus > li:hover > div { display: block; }
.main_menus a:hover { color:#faa820 }

h2.category_header {margin: 0px 0px 2px 10px; border-bottom: 1px solid #ccc; padding-bottom: 5px; text-transform: uppercase; font-size: 14px; color: #666; font-family: verdana, arial, sans-serif; font-weight:bold; width:380px;}
h2.category_header_wid {margin: 0px 0px 2px 10px; border-bottom: 1px solid #ccc; padding-bottom: 5px; text-transform: uppercase; font-size: 14px; color: #666; font-family: verdana, arial, sans-serif; font-weight:bold; width:480px; float:left;}
h2.category_sub_header_no_border {margin: 0px 0px 0px 10px; border-bottom: 0px solid #ccc; padding:10px 0px 2px 0px; text-transform: uppercase; font-size: 12px; color: #3f539a; font-family: verdana, arial, sans-serif; font-weight:bold; width:160px;}
h2.category_super_header {margin: 0px 0px 18px 10px; padding:5px 0px 0px 0px; text-transform: uppercase; font-size: 15px; color: #3f539a; font-family: verdana, arial, sans-serif; font-weight:bold; width:200px; text-align:center;}
h2.category_sub_header_no_border a {color: #3f539a;}
h2.category_super_header_no_border a {color: #0060ae}

.wrapper__menus { position:relative; float:left; left:0px; width:400px; padding: 0px 0px 0px 0px; }
.menus_left { position:relative; float:left; left:4px; width:100px; border-top: 1px solid #ccc; margin: 14px 0px 0px 0px; }
.menus_center { position:relative; float:left; left:2px; width:200px; }
.menus_right { position:relative; float:left; left:20px; width:95px; border-top: 1px solid #ccc; margin: 14px 0px 0px 0px; }

.dropdown_text{ color:#4e4b49; text-shadow:none; padding-left: 10px; font-size: 13px; font-family: verdana, arial, sans-serif; }

.main_menus > li > div { position: absolute; left: 0; top: 63px; display: none; background: #fff; padding: 10px 10px; 
	background: #f4f4f4;
	background: -moz-linear-gradient(top, #f4f4f4, #d8d8d8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#d8d8d8));
	box-shadow: 0px 5px 10px #333;
	overflow: hidden;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.main_menus > li > div li { color:#4e4b49; text-shadow:none; padding:8px 0px 8px 10px; font-size: 11px; font-family: verdana, arial, sans-serif; width:250px; }
.main_menus > li > div li a{ color: #4E4B49; text-decoration: none; }
.main_menus > li > div p { color: #666; }
.main_menus > li > div.left { left: 0; right: auto }
.main_menus > li > div.right { right: 0; left: auto }
.main_menus > li > div.center { left: -60px; right: auto }
.main_menus > li > div.lui { left: -250px; right: auto }
.main_menus > li > div.products { left: -365px; right: auto }
/*.dropdown_1, .dropdown_2, .dropdown_3, .dropdown_4 { font-size: 80%; }*/


/* COLUMNS *
.sub_col1,.sub_col2,.sub_col3,.sub_col4,.sub_col5 { margin: 0px 0; float: left; /*padding: 0 10px;*/}

	/* 1 Column *
	.dropdown_1 { width: 120px; }
	.dropdown_1 .sub_col1 { width: 100%; }
	
	/* 2 Column *
	.dropdown_2 { width: 170px; }
	.dropdown_2 .sub_col1 { width: 100%; }

	/* 3 Column *
	.dropdown_3 { width: 180px; }
	.dropdown_3 .sub_col1 { width: 50% }
	.dropdown_3 .sub_col2 { width: 50% }

	/* 4 Column *
	.dropdown_4 { width: 380px; }
	.dropdown_4 .sub_col1 { width: 50% }
	.dropdown_4 .sub_col2 { width: 50% }


	/* 5 Column *
	.dropdown_5 { width: 420px; }
	.dropdown_5 .sub_col1 { width: 45%; }
	.dropdown_5 .sub_col2 { width: 55% }
	
	/* 6 Column *
	.dropdown_6 { width: 440px; }
	.dropdown_6 .sub_col1 { width: 50%; }
	.dropdown_6 .sub_col2 { width: 50% }
	
	/* 7 Column *
	.dropdown_7 { width: 550px; }
	.dropdown_7 .sub_col1 { width: 33%; }
	.dropdown_7 .sub_col2 { width: 33% }
	.dropdown_7 .sub_col3 { width: 30% }
	.dropdown_7 .sub_col4 { width: 0% }
	
	/* 8 Column *
	.dropdown_8 { width: 500px; }
	.dropdown_8 .sub_col1 { width: 30%; }
	.dropdown_8 .sub_col2 { width: 42% }
	.dropdown_8 .sub_col3 { width: 28% }
	/*.dropdown_8 .sub_col4 { width: 21% }*/
	
	/* 9 Column *
	.dropdown_9 { width: 850px; }
	
	/* 10 Column *
	.dropdown_10 { width: 820px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*---------------------Your SAPERP-----------------------*
#ur_saperp_menu ul { list-style-type:none; }
#ur_saperp_menu ul li { float:left; width:160px;}
#ur_saperp_menu div.top { padding:120px 0px 0px 0px; text-align:center; width:130px;	}
#ur_saperp_menu div.bottom { padding:155px 0px 0px 0px; text-align:center; width:130px;	}
#ur_saperp_menu ul li a.row1 { height:180px; width: 170px; display:inline-block; background:url(../images/why_liquidui_row1.png) no-repeat; }
#ur_saperp_menu ul li a.row2 { height:180px; width: 170px; display:inline-block; background:url(../images/why_liquidui_row2.png) no-repeat; }
#ur_saperp_menu ul li.item1 a { background-position:0px 0px; color:#4e4b49; }
#ur_saperp_menu ul li.item2 a { background-position:-170px 0px; color:#4e4b49; }
#ur_saperp_menu ul li.item3 a { background-position:-340px 0px; color:#4e4b49; }
#ur_saperp_menu ul li.item4 a { background-position:-510px 0px; color:#4e4b49; }
#ur_saperp_menu ul li.item5 a { background-position:-680px 0px; color:#4e4b49; }
#ur_saperp_menu ul li.item1 a:hover { background-position:0px -179px; color:#faa820; }
#ur_saperp_menu ul li.item2 a:hover { background-position:-170px -179px; color:#faa820; }
#ur_saperp_menu ul li.item3 a:hover { background-position:-340px -179px; color:#faa820; }
#ur_saperp_menu ul li.item4 a:hover { background-position:-510px -179px; color:#faa820; }
#ur_saperp_menu ul li.item5 a:hover { background-position:-680px -179px; color:#faa820; }

/*---------------------Products-----------------------*
.dropdown_10 div.header {float:left; position:absolute; font-size:18px; color:#0060ae;}
#products_menu ul.deploy { list-style-type:none; margin-top:25px; }
#products_menu a{ color:#162b75; text-decoration: none; }
#products_menu a:hover{ color:#faa820; text-decoration: none; }
#products_menu div.sub_title {float:left; position:absolute; font-size:16px; font-weight:bold}
#products_menu ul.deploy li { float:left; width:90px; padding-top:0px; padding-bottom:0px; }
#products_menu div.deploy_txt { padding:100px 0px 0px 0px; text-align:center; width:100px; line-height:12px;}
#products_menu ul.deploy li a { height:176px; width: 100px; display:inline-block; background:url(../images/products_menu_deploy.png) no-repeat; }
#products_menu ul.deploy li.item1 a { background-position:0px 0px; color:#4e4b49; }
#products_menu ul.deploy li.item2 a { background-position:-100px 0px; color:#4e4b49; }
#products_menu ul.deploy li.item3 a { background-position:-200px 0px; color:#4e4b49; }
#products_menu ul.deploy li.item4 a { background-position:-300px 0px; color:#4e4b49; }
#products_menu ul.deploy li.item5 a { background-position:-400px 0px; color:#4e4b49; }
#products_menu ul.deploy li.item6 a { background-position:-500px 0px; color:#4e4b49; }
#products_menu ul.deploy li.item7 a { background-position:-600px 0px; color:#4e4b49; }
#products_menu ul.deploy li.item8 a { background-position:-700px 0px; color:#4e4b49; }
#products_menu ul.deploy li.item1 a:hover { background-position:0px -176px; color:#faa820; }
#products_menu ul.deploy li.item2 a:hover { background-position:-100px -176px; color:#faa820; }
#products_menu ul.deploy li.item3 a:hover { background-position:-200px -176px; color:#faa820; }
#products_menu ul.deploy li.item4 a:hover { background-position:-300px -176px; color:#faa820; }
#products_menu ul.deploy li.item5 a:hover { background-position:-400px -176px; color:#faa820; }
#products_menu ul.deploy li.item6 a:hover { background-position:-500px -176px; color:#faa820; }
#products_menu ul.deploy li.item7 a:hover { background-position:-600px -176px; color:#faa820; }
#products_menu ul.deploy li.item8 a:hover { background-position:-700px -176px; color:#faa820; }

#products_menu ul.run { list-style-type:none; }
#products_menu ul.run li { float:left; width:390px; padding-top:0px; padding-bottom:0px;}
#products_menu ul.run li a{ height:82px; width: 400px; display:inline-block; background:url(../images/products_menus_run.png) no-repeat; }
#products_menu div.run_txt { padding:65px 0px 0px 0px; text-align:center; width:350px; line-height:12px;}
#products_menu ul.run li.item1 a { background-position:0px 0px; color:#4e4b49; }
#products_menu ul.run li.item2 a { background-position:-400px 0px; color:#4e4b49; }
#products_menu ul.run li.item1 a:hover { background-position:0px -83px; color:#faa820; }
#products_menu ul.run li.item2 a:hover { background-position:-400px -83px; color:#faa820; }

#products_menu ul.ib { list-style-type:none; padding-left:5px;}
#products_menu ul.ib li { float:left; width:90px; padding-top:0px; padding-bottom:0px;}
#products_menu ul.ib li a{ height:165px; width:100px; display:inline-block; background:url(../images/products_menu_ib.png) no-repeat; }
#products_menu div.ib_txt { padding:135px 0px 0px 0px; text-align:center; width:100px; line-height:12px;}
#products_menu ul.ib li.item1 a { background-position:0px 0px; color:#4e4b49; }
#products_menu ul.ib li.item2 a { background-position:-100px 0px; color:#4e4b49; }
#products_menu ul.ib li.item3 a { background-position:-200px 0px; color:#4e4b49; }
#products_menu ul.ib li.item4 a { background-position:-300px 0px; color:#4e4b49; }
#products_menu ul.ib li.item5 a { background-position:-400px 0px; color:#4e4b49; }
#products_menu ul.ib li.item6 a { background-position:-500px 0px; color:#4e4b49; }
#products_menu ul.ib li.item7 a { background-position:-600px 0px; color:#4e4b49; }
#products_menu ul.ib li.item8 a { background-position:-700px 0px; color:#4e4b49; }
#products_menu ul.ib li.item1 a:hover { background-position:0px 0px; color:#4e4b49; }
#products_menu ul.ib li.item2 a:hover { background-position:-100px -166px;  color:#faa820; }
#products_menu ul.ib li.item3 a:hover { background-position:-200px -166px;  color:#faa820; }
#products_menu ul.ib li.item4 a:hover { background-position:-300px -166px;  color:#faa820; }
#products_menu ul.ib li.item5 a:hover { background-position:-400px -166px;  color:#faa820; }
#products_menu ul.ib li.item6 a:hover { background-position:-500px -166px;  color:#faa820; }
#products_menu ul.ib li.item7 a:hover { background-position:-600px -166px;  color:#faa820; }
#products_menu ul.ib li.item8 a:hover { background-position:-700px -166px;  color:#faa820; }*/
/*#products_menu ul.ib li.item1 a:hover { background-position:0px -83px; color:#faa820; }
#products_menu ul.ib li.item2 a:hover { background-position:-400px -83px; color:#faa820; }*/

/*------------------------------------Footer-----------------------*/

#footer
{
	width:974px;
	font-size:11px;
	margin:0px auto;
	color:#ffffff;
	font-family:arial;
}

#wrapper_footer_menus
{
	background:#ffffff; width:974px; margin:0px auto;
}

.footertxt { position:relative; float:left; /*left:0px;*/ left:10px; width:974px; padding: 25px 0px 0px 0px; font-family:arial; font-size:12px;}
.footertxt_sect1 { position:relative; float:left; left:4px; width:300px; }
.footertxt_sect2 { position:relative; float:left; left:8px; /*width:530px;*/ width:530px; padding:15px 0px 0px 30px; }
.footertxt_sect3 { position:relative; float:left; left:12px; width:30px; }


.footertxt a, .footertxt a:visited, .footertxt a:active
{
	color:#ff831d;
	text-decoration:none;
	padding:5px 0;
	font-size:11px;
	font-family:arial;
}

.footertxt a:hover
{
	text-decoration:underline;
}

#site_map { padding:25px 0px 0px 50px;}
#site_map ul li{ width:230px; text-decoration:none; font-size:18px; color:#0082c8; line-height:26px; list-style:disc; }
#site_map li ul { padding:0px 0px 10px 40px;}
#site_map li ul li{list-style:circle;}
#site_map li ul ul li{list-style:square;}
#site_map li ul ul li ul li{list-style:circle;}
#site_map li ul li a{ font-size:14px; line-height:23px; font-weight: lighter; }	
#site_map a{ text-decoration:none; font-family:sans-serif; font-size:20px; color:#0082c8; }
#site_map a:hover{ text-decoration:underline; }

/*#site_map
{
	width:100%;
	float:left;
	margin:0px auto;
	background:#333;
	border-bottom:2px solid #fff;
}

#site_map ul li ul
{
	float:left;
	margin:5px 30px 10px 10px;
}

#site_map ul li ul li
{
	line-height:15px;
}

#site_map ul li ul li a, #site_map ul li ul li a:active
{
	color:#fff;
	font-family:arial;
	font-size:11px;
}

#site_map ul li ul li a>img
{
	vertical-align:middle;
}

#site_map ul li a:hover
{
	text-decoration:underline;
}

#site_map ul li ul li:first-child
{
	color:#fff;
	font-weight:bold;
	border-bottom:1px solid #fff;
	padding:8px 0px 4px 0px;
}

#site_map ul li ul li:first-child a:hover
{
	text-decoration:none;
}*/

/*Japanese CSS*/
#logo_jp
{
	float:left;
	/*margin-top:18px;*/
	margin-top:0px;
	margin-left:10px;
	padding: 12px 0px 0px 12px;
	/*background:url("/images/header_background_v3.png");*/
	height:53px;
	width:144px;
}

#logo_jp a
{
	text-indent:-9999px;
	background: url("../png/synactive_guixt.png") no-repeat;
	width:210px;
	height:33px;
	display:block;
}

h2.category_sub_header {margin: 0px 0px 0px 10px; border-bottom: 1px solid #ccc; padding:10px 0px 2px 0px; text-transform: uppercase; font-size: 12px; color: #3f539a; font-family: verdana, arial, sans-serif; font-weight:bold; width:160px;}
h2.category_sub_header a {color: #3f539a;}
h2.category_super_header a {color: #0060ae}

#footer_jp
{
	width:974px;
	font-size:11px;
	margin:0px auto;
	color:#ffffff;
	font-family:arial;
}

#footertxt_jp
{
	width:974px;
	float:left;
	margin:8px 0 0 10px;
	font-family:arial;
	font-size:12px;
}

#footertxt_jp a, #footertxt_jp a:visited, #footertxt_jp a:active
{
	color:#ff831d;
	text-decoration:none;
	padding:5px 0;
	font-size:11px;
	font-family:arial;
}

#footertxt_jp a:hover
{
	text-decoration:underline;
}

#site_map_jp
{
	width:100%;
	float:left;
	margin:0px auto;
	background:#333;
	border-bottom:2px solid #fff;
}

#site_map_jp ul li ul
{
	float:left;
	margin:5px 15px 10px 10px;
}

#site_map_jp ul li ul li
{
	line-height:15px;
}

#site_map_jp ul li ul li a, #site_map ul li ul li a:active
{
	color:#fff;
	font-family:arial;
	font-size:11px;
}

#site_map_jp ul li ul li a>img
{
	vertical-align:middle;
}

#site_map_jp ul li a:hover
{
	text-decoration:underline;
}

#site_map_jp ul li ul li:first-child
{
	color:#fff;
	font-weight:bold;
	border-bottom:1px solid #fff;
	padding:8px 0px 4px 0px;
}

#site_map_jp ul li ul li:first-child a:hover
{
	text-decoration:none;
}