@font-face {
    font-family:'lato';
    src: url('/c/netbusiness/fonts/lato-light.woff2?#iefix') format('woff2'),
         url('/c/netbusiness/fonts/lato-light.woff') format('woff'),
         url('/c/netbusiness/fonts/lato-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*{padding:0;margin:0;list-style:none;}
*:focus{outline:0;}
body{font-family:lato,sans-serif;}
img{border:none;}
#header,#segments,#news_holder,#customers,#footer,#login_usp_register{margin:0 auto;width:900px;}
#header_container{height:98px;width:100%;background-color:#ffffff;}
#header{position:relative;}
svg{position:relative;top:-6px;left:-2px}
#nav{float:right;height:98px;}
#nav_top{text-align:right;color:#929699;}
#nav_top a,#nav_top h2{text-decoration:none;font-size:12px;color:#929699;}
#nav_top h2{display:inline;cursor:pointer;color:#4C76AD;}
#nav_top h2 ul{margin:1px;}
#nav_top h2 ul li a{padding:3px 10px;color:#33559A;font-weight:normal;}
#nav_top h2 span{margin-right:2px;}

#nav_button{position:absolute;left:0px;top:44px;}
#nav_button li{float:left;}
#nav_button a{text-decoration:none;padding:4px 16px;color:#444;font-size:17px;}
#nav_button span a{display:block;}
#nav_button li.active a{color:#999999;}
#nav_button a:hover img, #nav_button li.active a:hover img {border:0 none;}
#nav_button a img{position:relative; top:-10px;height:40px}

#nav button{background-color: transparent;font-size: 15px;padding: 10px 20px;line-height: 13px;border: 1px solid transparent;border-radius: 3px;position: relative;top: 34px;cursor:pointer;}
#nav ul li .sign-in{border: 1px solid #aaa;}
#nav button:hover {background-color: #2871B2;color:white;border: 1px solid transparent;}

#nav_slider{position:absolute;right:0;bottom:0;font-size:18px;}
#nav_slider a{text-decoration:none;outline:none;color:#84B5F1;}
#nav_slider a:hover,#nav_slider a.currentPageLocator{color:#ddd;}

#content_home, #content_follow_background {width:100%;background-color:#1760A1;}
#content_follow_background{position:absolute;top:98px;height:600px;}

#banner_blue{height:575px;position:relative;overflow:hidden;width:1000px;margin:0 auto;}

#slides{position:absolute;width:7000px;height:600px;}
#slides div{width:1000px;height:600px;position:relative;float:left;}
#slides div h2{color:#8EC3F4;font-size:24px;}
#slides div ul li{position:relative;float:left;padding:0 0 0 50px;height:600px;color:white;}
#slides div ul li p{width:860px;padding-top:10px;margin:0 0 0 20px;font-size:110%;line-height:1.5em;}
#slides div ul li h1,
#slides div ul li h2{color:white;}
#slides div ul li h1{padding:40px 0 0 22px;font-size:40px;line-height:68px;}
#slides div ul li h1.hp{width:520px;}
#slides div ul li h2{padding:15px 0 0 20px;font-size:30px;font-weight:bold;line-height:30px;}
#slides div ul li h3{font-size:20px;padding-left:22px;width:870px;color:white;}
#slides div ul li h3.hp{width:900px;position:relative;}
#slides div ul li h1 a, #slides div ul li h3 a{text-decoration:none;color:white;letter-spacing: -0.3px;font-weight: 100}
#slides #demo{position:static;cursor:pointer;text-decoration:none;}
#slides #demo a{text-decoration:none;}
#slides #demo_img{position:absolute;left:66px;bottom:25px;}
#slides #demo_text,#slides #demo_text_2{position:absolute;top:190px;right:120px;background-color:#FF4F7B;color:white;font-weight:bold;padding:4px 10px;border-radius:8px;white-space:nowrap;border:1px solid #ddd;}
#slides #demo_text_2{right:620px;}
#slides #demo_text_2 a{text-decoration:none;}

#banner_blue .next,#banner_blue .prev{position:absolute;top:60%;cursor:pointer;z-index:10;color:white;font-size:60px;opacity:0.5}
#banner_blue .next:hover, #banner_blue .prev:hover{opacity:0.2; color:black;}
#banner_blue .next{right:0;}
#banner_blue .prev{left:0;}
#banner_blue ul li img{position:absolute;bottom: 25px;}

#content_home_mid{width:100%;}

#login_usp_register{margin:50px auto 0 auto;width:1000px;}
#login{display:inline-block;position:absolute;right:30px;top:36px;}
#follow_us a{width:34px;height:40px;text-decoration:none;display:inline-block;margin:0 7px;}
.facebook,.twitter,.rss{background:transparent url(/img/img_bundle_picto_2_2.png) 0 0 no-repeat;}
.facebook{background-position:0px -455px;}
.twitter{background-position:-34px -455px;}
.rss{background-position:-67px -455px;}

#register_usp{width:1000px;text-align: center}
#register{margin: 30px auto 0 auto}
#register .subscribe, #content_top_right #register ul li a{display:inline-block;padding:14px 40px;font-size:18px;color:white;white-space:nowrap;text-decoration:none;cursor:pointer;background-color:#2070b8;border-radius:4px;}
#register .subscribe:hover{background-color:#1b5f9b;}
#register .demo{position:absolute;top:0px;right:125px;display:inline-block;height:34px;line-height:34px;padding:0 25px;margin-left:15px;font-size:14px;color:white;white-space:nowrap;text-decoration:none;}
#register .demo:hover{background-color:white;color:#0096BC; border-radius:2px;}
#register #demo_text{left:420px;}

#usp{height:262px;position: relative;top: -38px;}
#usp ul{height:100px;list-style:none;}
#usp li{display:inline-block;display:inline;vertical-align:top;}
#usp li img{display:block;margin:5px 20px 0 30px;}
#usp h2{color:#2C67B7;font-size:17px;padding-bottom:0px;width:200px;white-space:nowrap;}
#usp h3{font-size:13px;color:#333;width:250px;font-weight:normal;}
#usp a,#usp a h3,#usp a h2{text-decoration:none;cursor:pointer;}
#usp a:hover h2{text-decoration:underline;}
#usp a.personal,#usp a.groups,#usp a.customized,#usp a.education,#usp a.sync,#usp a.mobile,#usp a.lock{width:58px;height:64px;display:block;}
#usp a.groups{background-position:-118px 0px;width:64px;}
#usp a.customized{background-position:0px 0px;height:66px;width:61px;}
#usp a.education{background-position:-184px 0px;width:64px;}
#usp a.sync{background-position:-187px -404px;width:64px; height:55px;}
#usp a.mobile{background-position:-187px -458px;width:64px;height:74px;}
#usp a.lock{background-position:0 -202px;height:80px;position:relative;top:-11px;}

#segments{height:137px;margin:20px auto;background:url(../img/bg_segments.gif) no-repeat left bottom;}
#segments li{width:224px;float:left;}
#segments li a{display:block;text-decoration:none;outline:none;height:137px;}
#segments li a h2{padding:27px 0 7px 35px;color:#333740;font-size:14px;font-weight:bold;}
#segments li a h3{padding:0px 35px;color:#696C74;font-size:13px;font-weight:normal;line-height:16px;}
#segments li a:hover h2{color:#000;}
#segments li a:hover h3{color:#2C67B7;}

#nav_content{position:absolute;top:-45px;width:900px;}
#nav_content li{float:left;}
#nav_content a{text-decoration:none;border:1px solid transparent;display:block;line-height:34px;padding:5px 25px;font-weight:400;color:white;font-size:15px;outline:none;}
#nav_content li.active, #nav_content li.activefirst{background-color:white;border-radius:2px 2px 0 0;position:relative;}
#nav_content li.active a,#nav_content li.activefirst a{color:#4A7FB6;}
#nav_content a:hover{cursor:pointer;color:white;border:1px solid #2871B1;border-bottom:1px solid transparent;border-radius: 2px 2px 0 0;}
#nav_content li.active a:hover,#nav_content li.activefirst a:hover{border:1px solid white;}
#nav_content li.activefirst a:hover{color:#283A70;}

#content_box{position:relative;top:65px;width:900px;margin:0 auto;background-color:white;border-radius:2px;}
#content_top_left{width:540px;padding:30px 40px 20px 40px;}
#content_top_left h1{color:#4A7FB6;font-size:30px;padding:10px 0;}
#content_top_left h2{color:#444;font-size:18px;margin:15px 0 15px 5px;padding-bottom:25px;line-height:28px;font-weight:bold;}
#content_top_left h2.company{color:#646464;font-size:14px;}
#content_top_left h3{line-height: 21px;margin-left:5px;color:#444;font-size:16px;font-weight:normal;padding-top:20px;border-top:1px solid #ddd;}
#content_top_left p{padding:65px 0 7px;color:#868686;font-size:18px;border-bottom:1px solid #ddd;}
#content_top_left ul#news{padding-left:20px;}
#content_top_right{border-left:1px solid #efefef;position:absolute;top:30px;right:30px;width:248px;}
#content_top_right h2,#content_top_right h3{color:#4A7FB6;font-weight:normal;padding:10px 0 0 30px;font-size:24px;}
#content_top_right h3{padding:5px 0 10px 29px;font-size:14px;padding-top:10px;font-size:18px;}
#content_top_right h3 a{color:#4A7FB6;text-decoration:none;}
#content_top_right h3 a:hover{color:#285D94;}
#content_top_right h4 a{padding-left:32px;font-size:13px;font-weight:400;color:#91908B;text-decoration:none;}
#content_top_right h4 a:hover{color:#2070b8;}
#content_top_right blockquote{display:none;}
#content_top_right blockquote span{font-style:italic;}
#content_top_right #follow_us{position:absolute;left:54px;top:511px;}
#content_top_right #follow_us img{padding-right:10px;width:40px;height:40px;}
#content_top_right #register{position:relative;left:30px;}
#content_top_right #register ul li {}
#content_top_right #register ul  li a {padding:10px 30px; margin:26px 0 30px 0;}
#content_top_right #register .subscribe:hover{text-shadow:1px 1px 1px #fff;}
#content_mid{padding-left:50px;}
#content_mid p{border-bottom:1px solid #DCDEE2;padding-bottom:5px;margin-bottom:10px;color:#898886;font-size:15px;font-weight:bold;width:530px;}
#content_mid #tab,#content_mid p.sep{width:530px;overflow:hidden;margin-bottom:20px;}
#content_mid #tab{/*background:transparent url(../img/bg_tab.gif) repeat-x top;height:63px;*/}
#content_mid #tab li.active{color:white; border-bottom: 1px solid #DDDDDD;}
#content_mid #tab ul{list-style:none;overflow:hidden;}
#content_mid #tab li{float:left;white-space:nowrap;border-right:1px solid white;}
#content_mid #tab li span{display:block;}
#content_mid #tab .active span a{color:#555555;}
#content_mid #tab span a:hover{color:#007cff;}

#content_mid #tab li a{text-decoration:none;line-height:40px;padding:0 8px;font-weight:bold;color:#555;font-size:13px;outline:none;display:inline-block;}
#content_mid p.sep{padding-top:30px;}
#content_mid ul.text,#content_mid ul.text_hover{width:530px;}
#content_mid ul.text li,#content_mid ul.text_hover li{display:inline-block;display:inline;vertical-align:top;font-size:16px;}
#content_mid ul.text_hover{border-radius:6px;}
#content_mid a{line-height: 21px;color:#4B515E;text-decoration:none;}
#content_mid a:hover{color:#235B96;text-decoration:none;}
#content_mid .txt_img{width:62px;margin:30px 0;}
#content_mid .txt_img img{padding-top:17px;}
#content_mid .txt_text{width:400px;margin:20px 0;}
#content_mid .txt_text span{display:block;font-weight:bold;font-size:16px;padding-bottom:3px;}
#content_mid div.text.benefits a{color:#4A7FB6;display:inline;}
#content_mid div.text.benefits blockquote{width:650px;float:none;padding:10px 0 0 40px;font-size:14px;}
#content_mid div.text.benefits blockquote ul li{padding-top:10px;list-style-type:disc;}
#content_mid div.text.benefits blockquote ul ul li{padding-left:10px;margin-left:20px;padding-top:2px;list-style-type:circle;}
#content_mid .text.features .txt_text ul li,#content_mid .text_hover.features .txt_text ul li{list-style:circle;padding-top:7px;display:block;}
#content_mid .text.features .txt_text ul li ul,#content_mid .text_hover.features .txt_text ul li ul{padding-left:25px;list-style:disc;}
#content_mid .text.features .txt_text ul li ul li,#content_mid .text_hover.features .txt_text ul li ul li{list-style:disc;}
#content_mid .text.features .txt_text span,#content_mid .text_hover.features .txt_text span{font-size:17px;}
.people_desc img{float:left;padding-right:20px;}
#content_mid span.desc.reference img{padding:15px;border:1px solid #ddd;float:right;margin-left:30px;}
#content_mid span.desc span.history h2{border-bottom:1px solid #ddd;padding-bottom:5px;margin-bottom:10px;}
#content_mid span.desc span.history li{display:inline-block;list-style:none;padding:0;margin:0;}
#content_mid span.desc span.history ul{padding:5px;font-size:16px;}
#content_mid span.desc span.history li{width:395px;vertical-align:top;}
#content_mid span.desc span.history li.date{width:120px;}
#content_mid div.toc{width:535px;margin-bottom:15px;position:relative;top:-43px;left:-5px;}
#content_mid .toc a{text-decoration:none;display:inline-block;text-align:center;font-size:16px;padding:17px 17px 0px;color:#4B515E;}
#content_mid .toc a:hover{background-color:#ededed;color:#2C67B7;}
#content_mid_bottom{padding-bottom: 40px;}
#content_mid span.desc{line-height: 20px;display:block;padding-left:5px;width:530px;font-size:16px;}
#content_mid span.desc h2{color:#4B515E;padding:30px 0 10px 0;font-size:16px;font-weight: bold}
#content_mid span.desc.security h2{margin:0px 0 10px 0;}
#content_mid span.desc a{color:#2C67B7;text-decoration:none;}
#content_mid span.desc a:hover{color:#4F79AA;}
#content_mid span.desc p{border:none 0;padding:15px 0 10px 0;font-size:16px;}
#content_mid span.desc p b{padding-left:25px;}
#content_mid span.desc ul,#content_mid span.desc ol{padding:0 20px 20px;font-size:16px;}
#content_mid span.desc li{list-style-type:circle;padding-left:10px;margin-left:20px;}
#content_mid span.desc ol li p{font-family:courrier new;font-size:15px;color:#222;font-weight:normal;padding-left:10px;}
.box{font-size:13px;text-align:center;}
#content_mid span.desc div.box1 ul,#content_mid span.desc div.box2 ul,#content_mid span.desc div.box3 ul{padding:0;margin:0;}
#content_mid span.desc div.box1 li,#content_mid span.desc div.box2 li,#content_mid span.desc div.box3 li{list-style:none;padding:5px 0;margin:0;white-space:nowrap;overflow:hidden;}
#content_mid span.desc div.box2.details li,#content_mid span.desc div.box3.details li{white-space:nowrap;overflow:hidden;}
.box1,.box2,.box3,.box4,.box1.details,.box2.details,.box3.details{display:inline-block;}
.box1{width:134px;text-align:left;}
.postRegistration #content .box1 ul ul li{margin-left:20px;list-style-type:circle;list-style-image:none;list-style-position:outside;}
.postRegistration #content .box1 p{padding-top:10px;}
.box1.details{width:203px;padding-top:10px;}
.box2,.box3{width:75px;}
.box2{background-color:#eee;}
.box2.details,.box3.details{width:60px;}
.box1 h4,.box2 h4,.box3 h4{padding:5px 0;font-size:16px;}
.box2 h4{border-bottom:1px solid white;}
.box3 h4{border-bottom:1px solid #eee;}
#content_mid span.desc #RegistrationForm{background-color:#E6E4E7;border-radius:6px;margin-top:10px;padding:30px 0 0 30px;font-weight:bold;}
#content_mid span.desc #RegistrationForm span.compulsory{float:right;position:relative;top:-10px;font-weight:normal;padding-right:20px;font-size:16px;}
#content_mid span.desc #RegistrationForm p{width:410px;}
#demo_box{background:#efefef;margin-bottom:20px;padding:20px 20px 0 20px;width:490px;border-radius:6px;border-radius:6px;}
#demo_box ul{padding:30px 0;}
#demo_box li{}
#demo_box a{font-weight:bold;text-align: center;color: #222;font-size: 16px;margin-top:13px;width: 155px;padding:10px 30px;background-color:#ddd;background: linear-gradient(#ffffff, #dddddd);border: 1px solid #CCCCCC;border-color: #CCCCCC #CCCCCC #AAAAAA;border-radius: 6px;}
#demo_box a:hover{cursor:pointer;background-color:#ddd;background: linear-gradient(#ffffff, #cccccc); background: linear-gradient(#ffffff, #cccccc);box-shadow:0 0 5px #bbb;}

#news_holder{height:26px;margin-bottom:30px;width:900px;position:relative;top:40px;right:0; background-color:#eeeeee;border-radius: 3px;}
#home #news_holder{top:0;}
#news_holder p{
	/*background:transparent url(/img/img_bundle_picto_2_2.png) left -324px no-repeat;
	*/float:left;font-size:16px;font-weight:bold;line-height:26px;padding-right:8px;padding-left:40px;color:#444;}
#news_holder ul{height:26px;padding-left:10px;font-size:16px;line-height:26px;}
#news_holder a{text-decoration:none;color:#444;}
#news_holder a:hover{color:#4B75FF;}
#news_holder a h4{display:block;width:60px;padding-left:10px;height:26px;line-height:26px;/*background:transparent url(/img/img_bundle_picto_2_2.png) right -324px no-repeat;*/position:absolute;right:0;top:0;color:#333;font-size:16px;text-shadow:1px 1px 1px white;}
#news_holder a:hover h4{color:#555;}
#news{list-style:none;}

#footer{height: 170px;border-top:1px solid #eeeeee;margin-top:50px;}
#footer ul{list-style:none;margin-left:35px;padding-top:20px;-webkit-text-stroke: 0.6px;  /* required for Chrome Windows */}
#footer ul li{float:left;display:block;width:137px;padding:0px 18px 0 18px;white-space:nowrap;}
#footer ul li h2,
#footer ul li h2 a{color:#333740;font-size:16px;font-weight:200;padding-bottom:5px;}
#footer ul li a,
#footer #language li h3 a{text-decoration:none;display:block;font-size:14px;color:#797871;line-height:20px;}
#footer ul li a:hover,
#footer #language li a:hover{color:blue;}
#footer #language {margin:0px;}
#footer #language li {width:100%;text-align: center;padding:0;margin:0px;}
#footer #language li h3{border-top: 1px solid #eee;padding-top: 10px;}
#footer #language li h3 a{display:inline;padding-right:20px;}

#banner_content{color:white;width:1000px;}
#banner_content div{font-family:Roboto;font-size:20px;padding-top:80px;text-align:center;}
#banner_content div a{text-decoration: underline; color: white;}
#banner_content h1{padding-bottom: 30px;font-weight: 100}

.support_icons a{color: #4A7FB6;display:inline-block;text-decoration:none;text-align:center;margin:0 0 17px 10px;vertical-align:top;width:90px;white-space:nowrap;}
#content_top_left h3.support_icons{font-size:16px;border-radius:6px;column-count:1;-column-gap:0;}
#content_top_left h2.tabhead{width:800px;padding-bottom:8px;border-radius:6px;}
#content_top_left h2.tabhead img{display:block;margin:0 auto;padding:5px;}
#content_top_left h2.tabhead a,#content_top_left h2.tabhead a.active{color:#2C67B7;display:inline-block;text-decoration:none;text-align:center;font-size:16px;padding:10px;width:90px;}
#content_top_left h2.tabhead a:hover,#content_top_left h2.tabhead a.active{color:#2C47b7;}
#customers {width:896px;background:#ffffff url(/img/customer_logos.gif) no-repeat 26px 3px;border-radius:8px;height:74px;}
#customers a.companies,#customers a.education {display:inline-block; text-decoration:none;height:72px;width:550px;padding-right:10px;}
#customers a.education {width:300px;}
#online_support_manual{font-size:16px;width:780px;}
#online_support_manual ul li a,#online_support_manual ol li a{color:#2C67B7;text-decoration:none;}
#online_support_manual h2{font-weight:bold;margin:30px 0 10px 0;padding-bottom:5px;font-size:18px;border-bottom:1px solid #DCDEE2;width:95%;color:#4B515E;}
#online_support_manual ul li{margin-left:20px;list-style-type:disc}
#online_support_manual ol{margin-left:20px;}
#online_support_manual ol li{padding-top:10px;list-style-type:disc;}
#online_support_manual p{border-bottom:none 0;color:black;font-size:16px;font-weight:normal;padding-bottom:0px;width:inherit;}
#content_top_left h3.site_map{font-size:16px;white-space:nowrap;}
#content_top_left h3.site_map table{width:500px;}
#content_top_left h3.site_map a{text-decoration:none;color:#555;}
#content_top_left h3.site_map a:hover{text-decoration:none;color:#000000;}
#content_top_left h3.site_map ul,#content_top_left h3.site_map li{margin-left:10px;}
#content_top_left h3.site_map td{vertical-align:top;width:50%;padding-left:30px;}
#compare .box{width:530px;font-size:16px;}
#compare .box1{width:230px;vertical-align:top;}
#compare .box2,#compare .box3{width:120px;vertical-align:top;margin-right:10px;}
#compare .box4 h4{font-size:16px;padding:5px 0;}
#compare ul li{white-space:nowrap;}
#compare .box1 ul li{padding-left:20px;}
#compare .box1 ul li strong{display:block;padding:3px 0 0 0;}
#strengthIndicator{height:2px;background-color:transparent;position:relative;top:-21px;width:100%;}
.tipsy {padding:5px;font-size:16px; position:absolute; z-index: 100000; font-size:normal;} 
.tipsy-inner {padding:12px; background-color: black;color: white; max-width: 250px; text-align: center;background-color:#333;border-radius: 2px; }
.tipsy-arrow {position: absolute; background:url('/img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-e .tipsy-arrow {top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-n .tipsy-arrow {top: 0; margin-left: -4px;left: 50%; background-position: center top;}

.arrow-down_yellow, .arrow-up_yellow{position:relative;left:10%;z-index:1000;	text-align:center;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #E7CE6A;}
.arrow-up_yellow{border-top: 0 none;border-bottom: 20px solid #E7CE6A;position:relative;top:-20px;opacity:0.9;}
.line{border:0 none;border-top:1px solid #bbb;width:97%;margin-top:10px;}
