BODY { font-family: 'Open Sans', sans-serif; color: #414141; } H2 { color: #0053F0; font-weight: bold; margin: 0 0 20px 0;} H3 { color: #0053F0; font-weight: bold; margin: 0 0 10px 0; font-size: 1.4rem;} H4 { color: #0053F0; font-weight: bold; margin: 0 0 10px 0; font-size: 1.1rem;} BODY NAV { background-color: #DBDBE5; line-height: 1em; font-family: 'Roboto', sans-serif; } BODY NAV LI A { font-weight: normal; font-color: #000000;} PRE { background-color: #eeeeee; font-size: 0.7rem; padding: 5px; border:1px solid #DBDBE5;} .email { background: transparent url(/contact-us/email.png) left center no-repeat !important; } .telephone { background: transparent url(/contact-us/telephone.png) left center no-repeat !important; } #contactUsId UL { list-style: none; margin: 0;} #contactUsId UL LI { padding-left: 20px; font-size: 0.75em; } /* navbar */ BODY HEADER { height: 90px; } BODY HEADER NAV.fixed-top { min-height: 70px; } BODY HEADER NAV.fixed-top .navbar-brand { line-height: 2em; font-size: 1em; animation: ani1 0.5s linear 10s 1;} BODY HEADER NAV.fixed-top .navbar-nav > li { margin-right: 8px; } @keyframes ani1 { 0% { background-size: 90px 100%; } 20% { background-size: 50px 100%; } 30% { background-size: 10px 100%; } 50% { background-size: 90px 100%; } 60% { background-size: 80px 50%; } 70% { background-size: 80px 20%; } 100% { background-size: 90px 100%; } } @keyframes ani2 { 0% { background-color: #dddddd; border-color: #0045B6; } 50% { background-color: #eeeeee; } 75% { background-color: #efefef; } 100% { background-color: #ffffff; border-color: #DBDBE5; } } @keyframes bemstrong { 0% { color: #000000; background-color: #ffffff; } 10% { color: #C11713; background-color: #FFFF00; } 100% { color: #000000; background-color: #ffffff; } } #tickerId { position: absolute; top: -5px; background-color: #0053F0; height:1em; -moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;padding: 7px;font-size: 10px;color: #ffffff; left: 193px; z-index: 10000 !important; margin: 2px !important; padding: 2px !important; height: auto !important; } #tickerId A { color: #ffffff; font-size:9px;} .fltRightIMG { float: right; padding: 20px;} .fltLeftIMG { float: Left; padding: 10px 20px 10px 0;} .quote { padding-left: 20px; border-left: 5px solid #DBDBE5; } .err { color: #ff0000; } .err LI { color: #ff0000; } #homeServicesPanelId { list-style: none; margin: 0; padding: 0; } #homeServicesPanelId LI { } #homeServicesPanelId LI DIV { min-height: 160px; padding: 5px 25px 1px 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; border: 1px solid #DBDBE5; background-color: #ffffff; opacity:0.95; cursor: pointer; margin: 10px 0px; } #homeServicesPanelId LI.sel { background-color: #EFEFFF; background-image: none; } #homeServicesPanelId LI.sel H2 { background-color: #0045B6; } #homeServicesPanelId LI.sel H2 A { color: #EFEFFF; text-decoration: none; } #homeServicesPanelId LI H2 { padding: 5px; margin: 10px 0 15px 0; color: #0045B6; font: 16pt/1em robotobold, Helvetica,Verdana,Arial,sans-serif; } #homeServicesPanelId LI H2 A { color: #001BE6; font: 16pt/0.5em robotobold, Helvetica,Verdana,Arial,sans-serif; letter-spacing: 0.01em; text-transform: uppercase;} #homeServicesPanelId LI P SPAN { display: block; float:left; width:64px; height:64px; background: transparent url(/g/sprite-all.png) 0 0 no-repeat; margin: 0 10px 10px 0; } #homeServicesPanelId LI P { line-height: 1.5em; } .sprite.email-marketing { background-position: 0px 0px; } .sprite.IP-PBX-Asterisk { background-position: -64px 0px !important; } .sprite.web-hosting { background-position: -128px 0px !important; } .sprite.email-hosting { background-position: -192px 0px !important; } .sprite.virtual-private-servers { background-position: -256px 0px !important; } .sprite.bespoke-solutions { background-position: -320px 0px !important; } .sprite.email-marketing.sel { background-position: 0px -64px !important; } .sprite.IP-PBX-Asterisk.sel { background-position: -64px -64px !important; } .sprite.web-hosting.sel { background-position: -128px -64px !important; } .sprite.email-hosting.sel { background-position: -192px -64px !important; } .sprite.virtual-private-servers.sel { background-position: -256px -64px !important; } .sprite.bespoke-solutions.sel { background-position: -320px -64px !important; } .sprite.cybersecurity { background-position: -384px 0px !important; } #innerFixId { padding: 0; font-size: 0.9em; } #innerFixId .inner { -moz-border-radius: 5px; border-radius: 5px; background: #DBDBE5 url(/g/innerFixbg.jpg) center bottom no-repeat; margin: 0 10px 20px 10px; padding: 10px 10px 20px 10px; height: 100%; } #innerFixId .inner H3 { font-size: 1.1em; padding: 0; margin: 10px 0 0 -15px; } #innerFixId .inner .trustpilot-widget { margin: 0 0 10px 0; } #innerFixId .inner DIV.linkedin A { display: inline-block; background: transparent url(/g/LI-Bug.svg.original.svg) 0 0 no-repeat; background-size: 32px; padding: 5px 15px; } #innerFlexId { padding-left: 2%; } #innerFlexId A { position: relative; text-decoration: none; } #innerFlexId A:HOVER { text-decoration: none; } #innerFlexId A:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #C11713; visibility: hidden; transform: scaleX(0); transition: all 0.15s ease-in-out 0s; } #innerFlexId a:hover:before { visibility: visible; transform: scaleX(1); } .callToAction { font: 1.0em/1.5em robotobold, helvetica, arial, sans-serif; letter-spacing: 0.05em; color: #ffffff; min-height: 100px; background: #121214 url(/g/phone.png) right 10px bottom 10px no-repeat; padding: 10px 80px 10px 15px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; } .callToAction SPAN { font-size: 1em; } .callToAction A { color: #ffffff; } .osi { background: transparent url(https://upload.wikimedia.org/wikipedia/commons/thumb/4/47/Osi-model-jb.svg/256px-Osi-model-jb.svg.png) 0 0 no-repeat; padding-left: 90px; background-size: 150px auto; } .osi.l1 { background-position: -60px -149px; } .osi.l2 { background-position: -60px -128px; } .osi.l3 { background-position: -60px -107px; } .osi.l45 { background-position: -60px -66px; } .osi.l67 { background-position: -60px -25px; } .testimonial { line-height: 1.2em !important; } .bulletedList { list-style: disc outside none !important; margin-left: 20px !important; } #VPSComponentsID { list-style-type: none; } #VPSComponentsID LI { margin-bottom: 10px; padding-left: 100px; position: relative; } #VPSComponentsID LI UL { list-style-type: none; padding: 5px 0; } #VPSComponentsID LI UL LI { border-left: 5px solid #DBDBE5; padding: 0 15px; } #VPSComponentsID DIV { position: absolute; width: 90px; height: 80px; overflow: hidden; } #VPSComponentsID DIV.bw { background: transparent url('/g/sprite-peripherals.png') 1px 0 no-repeat; left: 13px; } #VPSComponentsID DIV.ram { background: transparent url('/g/sprite-peripherals.png') -89px 0 no-repeat; left: 0px } #VPSComponentsID DIV.cpu { background: transparent url('/g/sprite-peripherals.png') -179px 0 no-repeat; left: 5px; } #VPSComponentsID DIV.hdd { background: transparent url('/g/sprite-peripherals.png') -269px 0 no-repeat; left: 12px; } #Top10ThreatsID LI A { font-weight: normal; } .num { text-align: right; font-family: monospace; white-space: nowrap; font-size: 1.1em;} .totals TD { border: none; border-bottom: 1px solid #000000; border-top: 1px solid #000000; font-weight:bold; } TABLE.costs { margin: 0px; } TABLE.costs TR.head { background-color: #DBDBE5; } TABLE.costs TR.head TD { text-align: center; } TABLE.costs TD { border: 1px solid #DBDBE5; font: 8pt/1.5em verdana, helvetica, arial, sans-serif; line-height: 1.5em; } #footerId { background-color: #DBDBE5; margin: 20px 0 0 0; padding: 10px 0 0 0; } #ixLatency { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; border: 1px solid #DBDBE5; background: transparent url(/g/opaque_90_FFFFFF.png) repeat; display: none; padding: 10px; position: absolute; top: 20px; left: 100px; } #ixLatency P { text-align: center; } #ixLatencyGraph { width: 400px; height: 150px; } #vbottomFooter { padding: 0 6%; background-color: #DBDBE5; height: 150px; position: relative; } #vbottomFooter P { font-size: 8pt; line-height: 1.4em;} #vbottomFooter P A { font-size: 8pt; } #vbottomFooter DIV { border: 1px solid #0053F0; -moz-border-radius: 10px; border-radius: 10px; float: left; width: 29%; font: 8pt/1.1em Times New Roman, serif; padding: 1%; margin: 0 1% 0 1%; line-height: 1.5em; height: 120px; } #vbottomFooter DIV P { clear: left; } #vbottomFooter IMG { float: left; padding: 0 10px 10px 0; } #vbottomFooter IMG#qr_full { position: absolute; bottom: 150px; left: 100px; padding: 20px !important; border: 10px solid #0053F0; background-color: #ffffff; -moz-border-radius: 10px; border-radius: 10px; display: none; }