html, body {background:#fff;margin:0;padding:0;border:0;}
html {font-size:62.5%;width:100%;height:100%;}
body {font-size:1.4em;line-height:1.428571em;font-family:Tahoma,sans-serif;color:#444;background:#ddd url('../users/custom/v6__bg.jpg') center top;min-width:960px;min-height:100%;}
input, textarea, select, option {font-family:Tahoma,sans-serif;color:#444;font-size:1em;}

h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-size:1em;}
h1, h3 {font-size:1.71428571em;line-height:1.66666666em;font-weight:normal;text-shadow:0 0 1px #fff;}
h2 {font-size:2.142857em;line-height:1.333333em;font-weight:bold;text-shadow:0 0 1px #fff;}
p {margin:0 0 1.428571em;}
ol, ul, li {margin:0;padding:0;list-style:none;}
.high {padding:.5em 0;}
h1 strong, h2 strong, h3 strong, a strong {line-height:1;}

a {color:#28ABE3;}
a:visited {color:#367894;}
a:hover, a:focus {color:#F7831E;text-decoration:underline;}
q:before {content:"\00BB";}
q:after {content:"\00AB";}
a.invisible {color:inherit;text-decoration:none;}

/* REUSABLE MODULES */

/* button */
.button {border:1px solid #d1d1d1;background:#E8E8E8;color:#222;padding:.5em;text-decoration:none;cursor:pointer;text-shadow:0 1px 1px rgba(255,255,255,.75);position:relative;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e0e0e0));background:-webkit-linear-gradient(top, #efefef, #e0e0e0 100%);-webkit-border-radius:4px;-webkit-box-shadow:inset 0 0 1px #fff;/*0 2px 4px rgba(0,0,0,.2)*/
	background:-moz-linear-gradient(top, #efefef, #e0e0e0 100%);-moz-border-radius:4px;-moz-box-shadow:inset 0 0 1px #fff;
	background:-o-linear-gradient(top, #efefef, #e0e0e0 100%);
	background:linear-gradient(top, #efefef, #e0e0e0 100%);border-radius:4px;box-shadow:inset 0 0 1px #fff;
}
.button:hover, .button:focus, .button:active {border-color:#b3b3b3;background:#E3E3E3;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#d1d1d1));background:-webkit-linear-gradient(top, #efefef, #d1d1d1 100%);
	background:-moz-linear-gradient(top, #efefef, #d1d1d1 100%);
	background:-o-linear-gradient(top, #efefef, #d1d1d1 100%);
	background:linear-gradient(top, #efefef, #d1d1d1 100%);
}
.button:hover, .button:focus {text-decoration:none;/*top:1px;*/
	-webkit-box-shadow:inset 0 0 1px #fff;/*0 1px 2px rgba(0,0,0,.2)*/
	-moz-box-shadow:inset 0 0 1px #fff;
	box-shadow:inset 0 0 1px #fff;
}
.button:active {text-decoration:none;/*top:2px;*/text-shadow:0 1px 1px rgba(255,255,255,.02) !important;
	-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.3);/*inset 0 0 1px #fff*/
	-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,.3);
	box-shadow:inset 0 1px 3px rgba(0,0,0,.3);
}
.button:visited {color:#222;}
.dead {cursor:default;text-shadow:0 1px 1px rgba(255,255,255,.02) !important;
	-webkit-box-shadow:inset 0 0 1px #fff;
	-moz-box-shadow:inset 0 0 1px #fff;
	box-shadow:inset 0 0 1px #fff;
}
.dead:hover {position:static;/*top:0;*/
	-webkit-box-shadow:inset 0 0 1px #fff;
	-moz-box-shadow:inset 0 0 1px #fff;
	box-shadow:inset 0 0 1px #fff;
}
.video.button {display:none;}


/* button modifiers */
/* #F3901E-#ED701D/#EA5C1D, #F3901E-#EA5C1D/#E6481C */
.button.cta {border-color:#EA5C1D;background:#F7831E;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.5);text-transform:uppercase;font-weight:bold;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#F3901E), to(#ED701D));background:-webkit-linear-gradient(top, #F3901E, #ED701D 100%);
	background:-moz-linear-gradient(top, #F3901E, #ED701D 100%);
	background:-o-linear-gradient(top, #F3901E, #ED701D 100%);
	background:linear-gradient(top, #F3901E, #ED701D 100%);
}
.button.cta:hover, .button.cta:focus, .button.cta:active {border-color:#E6481C;background:#F7831E;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#F3901E), to(#EA5C1D));background:-webkit-linear-gradient(top, #F3901E, #EA5C1D 100%);
	background:-moz-linear-gradient(top, #F3901E, #EA5C1D 100%);
	background:-o-linear-gradient(top, #F3901E, #EA5C1D 100%);
	background:linear-gradient(top, #F3901E, #EA5C1D 100%);
}
/* #CAD73B-#9EB307/#8AA300, #CAD73B-#8AA300/#769300 */
.button.scta, .button.download {border-color:#8AA300;background:#B4C521;color:#222;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#CAD73B), to(#9EB307));background:-webkit-linear-gradient(top, #CAD73B, #9EB307 100%);
	background:-moz-linear-gradient(top, #CAD73B, #9EB307 100%);
	background:-o-linear-gradient(top, #CAD73B, #9EB307 100%);
	background:linear-gradient(top, #CAD73B, #9EB307 100%);
}
.button.scta:hover, .button.scta:focus, .button.scta:active, .button.download:hover, .button.download:focus, .button.download:active {border-color:#769300;background:#B7C326;color:#222;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#CAD73B), to(#8AA300));background:-webkit-linear-gradient(top, #CAD73B, #8AA300 100%);
	background:-moz-linear-gradient(top, #CAD73B, #8AA300 100%);
	background:-o-linear-gradient(top, #CAD73B, #8AA300 100%);
	background:linear-gradient(top, #CAD73B, #8AA300 100%);
}

/* pill */
.pill {display:inline-block;border:1px solid #d1d1d1;padding:0;margin-left:.5em;overflow:hidden;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.pill a {padding:.3em .5em;border:none;display:inline-block;font-size:.823529em;position:relative;z-index:2;
	-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:0;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2), inset 0 0 1px #fff;
	-moz-border-radius:0 4px 4px 0;-moz-box-shadow:0 2px 4px rgba(0,0,0,.2), inset 0 0 1px #fff;
	border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0;box-shadow:0 2px 4px rgba(0,0,0,.2), inset 0 0 1px #fff;
}
.pill a:hover, .pill a:focus, .pill a:active {top:0;
	-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2), inset 0 0 1px #fff;
	-moz-box-shadow:0 2px 4px rgba(0,0,0,.2), inset 0 0 1px #fff;
	box-shadow:0 2px 4px rgba(0,0,0,.2), inset 0 0 1px #fff;
}
.pill a.dead {border:none;color:#333;z-index:1;background:#ddd;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#e0e0e0), to(#efefef));background:-webkit-linear-gradient(top, #e0e0e0, #efefef 100%);
	background:-moz-linear-gradient(top, #e0e0e0, #efefef 100%);
	background:-o-linear-gradient(top, #e0e0e0, #efefef 100%);
	background:linear-gradient(top, #e0e0e0, #efefef 100%);
}
.pill a:first-child {
	-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:4px;
	-moz-border-radius:4px 0 0 4px;
	border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;
}

/* BOXES */
/* box */
.box, .over-box, .inset-box {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

/* over-box */
.over, .over-box {background:rgba(255,255,255,.5);
	-webkit-box-shadow:0 1px .5em rgba(0,0,0,.3);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.3);
	box-shadow:0 1px .5em rgba(0,0,0,.3);
}

/* inset-box */
.inset, .inset-box {background:rgba(0,0,0,.1);border:0;
	-webkit-box-shadow:inset 0 0 .5em rgba(0,0,0,.4);
	-moz-box-shadow:inset 0 0 .5em rgba(0,0,0,.4);
	box-shadow:inset 0 0 .5em rgba(0,0,0,.4);
}
.inset-box:hover, .inset-box:focus {top:0;
	-webkit-box-shadow:inset 0 0 .5em rgba(0,0,0,.4);
	-moz-box-shadow:inset 0 0 .5em rgba(0,0,0,.4);
	box-shadow:inset 0 0 .5em rgba(0,0,0,.4);
}
.inset-box.button:link {color:#444;}

/* VIDEO */
.vjs-fullscreen {background:#000;}
.vjs-subtitles {text-shadow:0 0 5px #000;}

/* wrapper */
.wrapper {width:960px;margin:0 auto;}

/* nav module */
.nav {}
.nav li {float:left;margin:0 0 0 1em;position:relative;}
.nav li:first-child {margin-left:0;}
.nav a {padding:0 .5em;text-decoration:none;}
.nav ol {position:absolute;margin:0;padding:0;}
.nav ol li {float:none;}

/* PAGE PARTS */

/* titlebar styles */
.titlebar {background:#3C3A3D;color:#eee;text-shadow:0 1px 1px #000;min-height:2.857142em;position:relative;margin-bottom:-1px;border-bottom:1px solid #333;position:relative;z-index:8;
	background:-webkit-linear-gradient(top, #312F30, #4F4F51 100%);background:-webkit-gradient(linear, 0 0, 0 100%, from(#312F30), to(#4F4F51));
	background:-moz-linear-gradient(top, #312F30, #4F4F51 100%);
	background:-o-linear-gradient(top, #312F30, #4F4F51 100%);
	background:linear-gradient(top, #312F30, #4F4F51 100%);
}
.titlebar:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.titlebar a {color:#eee;}
.titlebar a:hover, #titlebar a:focus {text-shadow:0 0 1px #333;color:#fff;}
.titlebar hr {display:none;}

/* logo */
.titlebar .logo {float:left;margin:0 1em 0 1.041667%;width:93px;height:2.857142em;overflow:hidden;position:relative;left:-6px;} /* % left margin - logo indent inside image */
.titlebar .logo a {display:block;height:100%;background:url('../users/custom/v6__islonline.png') no-repeat left center;text-indent:-1000em;}
.titlebar .logo a:hover {top:0;}

/* titlebar modifiers */
.titlebar .nav {float:left;}
.titlebar .nav a {display:inline-block;padding:.714285em .5em;white-space:nowrap;}
.titlebar .nav a:hover, .titlebar .nav a:focus {background-color:rgba(255,255,255,.05);}
.titlebar .nav li {margin:0;}
.titlebar .nav li:first-child {margin-left:0;}
.titlebar .nav ol {background:#3A3A3C;top:2.285714em;padding:.571428em 0;margin:0 .214285em;display:none;
	background:-webkit-linear-gradient(top, #2d2c2e, #333 100%);background:-webkit-gradient(linear, 0 0, 0 100%, from(#2d2c2e), to(#333));-webkit-box-shadow:inset 0 -2px 5px rgba(0,0,0,.5), 0 5px 8px rgba(0,0,0,.3);
	background:-moz-linear-gradient(top, #2d2c2e, #333 100%);-moz-box-shadow:inset 0 -2px 5px rgba(0,0,0,.5), 0 5px 8px rgba(0,0,0,.3);
	background:-o-linear-gradient(top, #2d2c2e, #333 100%);
	background:-ms-linear-gradient(top, #2d2c2e, #333 100%);
	background:linear-gradient(top, #2d2c2e, #333 100%);box-shadow:inset 0 -2px 5px rgba(0,0,0,.5), 0 5px 8px rgba(0,0,0,.3);
}
.titlebar .nav ol li {line-height:1em;}
.titlebar .nav ol a {padding:.5em;white-space:nowrap;}
.titlebar .inset-box {background-color:rgba(0,0,0,.3);}
.titlebar .nav.tools {float:right;margin-right:1.041667%;}
.titlebar .nav.tools li:last-child {margin-right:0;}
/* inset elements */
.titlebar .nav .products, .titlebar li.tool, .titlebar .tools > li {padding:.5em 0;margin:0 .5em;}
.titlebar .products > a, .titlebar li.tool a, .titlebar .tools > li > a {padding:.214285em .714285em;top:0;}
.titlebar .products > a:hover, .titlebar li.tool a:hover, .titlebar .tools > li > a:hover, 
.titlebar .products > a:focus, .titlebar li.tool a:focus, .titlebar .tools > li > a:focus {background-color:rgba(0,0,0,.35);}
/* products and login dropdown */
.titlebar .products a, .titlebar .nav ol a {width:8em;}
.titlebar .products a span {overflow: hidden; display: block; text-overflow: ellipsis; padding-left: 0px; margin-right: 10px;}
.titlebar .login a, .titlebar .nav .login ol a {width:7em;}
.titlebar .products > a, .titlebar .login > a {background:rgba(0,0,0,.3) url('../users/custom/v6__icon_down.png') no-repeat right center;}
.titlebar .nav ol, .titlebar .nav ol li:last-child {
	-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;
}
/* icons */
.titlebar a span {display:inline-block;padding-left:20px;}
.titlebar .shop a span {background:url('../users/custom/v6__icons_titlebar.png') no-repeat -20px -40px;}
.titlebar .nav a.session {background:#A1B508;color:#444;text-shadow:0 1px 1px #fff;}
.titlebar .nav a.session:hover {background-color:#91A307;color:#000;text-shadow:0 1px 1px #ccc;}
.titlebar .nav a.chat span {padding-left:24px;background:url('../users/custom/v6__icons_titlebar.png') no-repeat -40px -20px;}
.titlebar .nav a.chat.inactive span {padding-left:24px;background:url('../users/custom/v6__icons_titlebar.png') no-repeat 0px -60px;}
.titlebar .nav a.login span {padding-left:18px;background:url('../users/custom/v6__icons_titlebar.png') no-repeat -60px 0;}
/* narrow */
.narrow .titlebar .nav a.chat span {padding:0;width:20px;text-indent:-1000em;}
.narrow .titlebar .nav a.login span {padding:0;width:11px;text-indent:-1000em;}

/* bigger titlebar - TODO: merge into css above when confirmed */
.titlebar.bigger .logo {width:111px;margin-top:.357142em;margin-bottom:.357142em;}
.titlebar.bigger .logo a {
	background-image:url(../users/custom/v6__islonline_bigger.png);
}
.titlebar.bigger .nav a {padding:1.071428em .5em;}
.titlebar.bigger .nav ol {top:2.857142em;}
.titlebar.bigger .nav ol a {padding:.5em;}
.titlebar.bigger .nav .products, .titlebar.bigger li.tool, .titlebar.bigger .tools > li {padding:.714285em 0;}
.titlebar.bigger .products > a, .titlebar.bigger li.tool a, .titlebar.bigger .tools > li > a  {padding:.357142em .714285em;}

/* body */
.body {background:#fff url('../users/custom/v6__bg_body.png') repeat-x;border-top:1px solid #ccc;/*overflow:hidden;*/clear:both;width:100%;min-height:575px;}

/* header */
.header {padding:2.5em 0 0;overflow:hidden;min-height:3.928571em;}

/* header modifiers */
.header h1 {margin:0 0 0 2.08333333%;padding:0 1.04166667%;float:left;}
.header h1 strong {line-height:1;}
.header .nav {float:right;padding:0;margin:0 2.08333333% 0 0;text-shadow:0 1px 1px #eee;}
.header .nav li {padding:0 0 1.0714285em;position:relative;}
.header .nav li.new a:after {position:absolute;content:"";right:-12px;top:3px;width:18px;height:12px;background:url(images/new.gif) no-repeat;}
.header .nav li.new + li .cta {margin-left:1em;} /* when new is next to button we need extra space */
.header .nav a {display:inline-block;padding:.714285em .5em;color:#444;}
.header .nav a:hover, .header .nav a:focus {position:relative;top:1px;text-shadow:0 0 1px #fff;}
.header .nav a:visited {text-shadow:none;}
/* home */
.header .nav .home a {display:block;}
.header .nav .home a span {width:20px;height:20px;overflow:hidden;text-indent:-1000em;display:block;background:url(images/icon_home.png) no-repeat;}
/* selected items */
.header .nav li.selected {border-bottom:.214285em solid #999;padding-bottom:.857142em;}
.header .nav li.selected a {opacity:.5;}
.header .nav li.selected a:hover {opacity:1;}
/* header + button modifiers */
.header .button.cta {color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.5);padding:.5em;}
.header .button.cta:hover, .header .button.cta:focus {top:0;text-shadow:0 1px 1px rgba(0,0,0,.5);}

/* main */
.main {margin:0 0 2.142857em;position:relative;}
.main h2 {padding:1em .333333em .666667em 3.125%;float:left;font-weight:normal;}

/* side */
.side {float:right;padding:1.428571em 0;margin-right:2.083333%;position:relative;text-align:right;}
.side img {border:0;}
.side .button {display:inline-block;}

/* main open */
.main.open {background:url(images/bg_main.png) no-repeat center top;}
.open h2 {font-weight:bold;}

/* main closed */
.main.closed {border:1px solid #E2E2E2;background:#F1F1F1;width:97.91666667%;margin:0 auto 2.142857em;}
.closed h2 {padding:.666667em .333333em 0 2.12765957%;margin:0 0 .333333em;}
.closed h2 + .button {margin:1.427581em 0 0;display:inline-block;}
.closed h2 + .button.video {display:none;}
.closed h2 + .button.video.active {display:inline-block;}
.closed .side {width:46.80851063%;margin-right:2.12765957%;padding-bottom:1.428571em;} /* padding-bottom: 2.857142em was too much for featurenav */

/* OPEN */

/* platforms */
.platforms {position:relative;}
.platforms h3 {position:absolute;margin-top:2em;top:40px;right:0;width:100%;text-align:center;font-size:.714285em;line-height:1.5em;color:#bbb;font-weight:normal;}
.platforms h3 a {text-decoration:none;color:#fff;}
.platforms:hover h3, .platforms:hover h3 a {color:#666;}
.platforms ol {text-align:left;height:40px;}
.platforms li {width:30px;height:40px;text-indent:-1000em;margin:0 0 0 5px;}
.platforms li:first-child {margin-left:0;}
.platforms li.linux {background:url(images/icons_platforms.png) no-repeat 0 0;}
.platforms li.apple {background:url(images/icons_platforms.png) no-repeat -30px 0;}
.platforms li.windows {background:url(images/icons_platforms.png) no-repeat -60px 0;}
.platforms li.mobile {background:url(images/icons_platforms.png) no-repeat -90px 0;}
.platforms li a {display:block;height:100%;}
.platforms li {opacity:.5;}
.platforms:hover li {opacity:1;}

/* visual */
.visual {height:20em;text-align:center;}
.visual h3 {font-weight:bold;}

/* connect */
.connect {margin:0;padding:0;}
.connect h3 {width:41.666667%;font-size:1em;line-height:1.428571em;margin:0 auto .357142em;text-align:center;font-weight:normal;}
.connect fieldset {width:39.583333%;margin:0 auto;padding:.642857em;background:#fff;border:1px solid #E0E0E0;
	-weebkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}

/* jointinput */
.jointinput {border:1px solid #92B708;background:#E0E6B6;position:relative;min-height:3em;overflow:hidden;}
.jointinput .input {padding:0 6.5em 0 .5em;}
.jointinput .input input {display:block;width:100%;border:0;padding:.5em 0;margin:0;font-size:1.428571em;background:none;-webkit-appearance:none;}
.jointinput .input input:focus {outline:0;}
.jointinput .submit {width:6em;position:absolute;right:0;top:0;background:#B8CA20;border-left:1px solid #B9C831;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#C3D038), to(#A1B508));-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-box-shadow:inset 0 0 1px #fff;
	background:-moz-linear-gradient(top, #C3D038, #A1B508 100%);-moz-border-radius:0 4px 4px 0;-moz-box-shadow:inset 0 0 1px #fff;
	background:-o-linear-gradient(top, #C3D038, #A1B508 100%);
	background:linear-gradient(top, #C3D038, #A1B508 100%);border-top-right-radius:4px;border-bottom-right-radius:4px;box-shadow:inset 0 0 1px #fff;
} 
.jointinput .submit input {display:block;width:100%;border:0;padding:1em 0;margin:0;background:none;color:#444;text-shadow:0 1px 1px #fff;cursor:pointer;}

/* about */
.about {text-align:justify;}
.about h3 {font-weight:bold;display:inline;font-size:1em;margin:0;line-height:1.428571em;}
.about p {display:inline;}

/* intro */
.intro {padding-top:8.571428em;position:relative;height:23.928571em;min-height:300px;}
.intro h2 {padding:0 0 .25em 3.125%;font-size:2.857142em;line-height:1.25em;width:56.25%;font-weight:normal;background:rgba(255,255,255,.75);position:relative;z-index:2;}
.intro .platforms {position:absolute;left:3.125%;top:1.428571em;}
.intro .platforms h3 {margin-top:0;}
.intro .about {width:52.083333%;clear:both;margin:0 0 0 3.125%;padding:0 4.166667% 1.428571em 0;background:rgba(255,255,255,.75);position:relative;z-index:2;}
.intro .button {font-size:1.214285em;line-height:1.764705em;padding:.5em 1.5em;display:inline-block;}
.intro .downloadlink {position:absolute;top:23.928571em;left:3.125%;z-index:3;}
.intro .downloadlink .button {margin:0 2em .588235em 0;}
.intro .visual {position:absolute;right:0;top:2.132857em;width:400px;height:300px;}
.intro .visual .button {position:relative;left:31px;}
.intro .video.button {display:none;}
.intro .video.button.active {display:inline-block;}

.intro area {outline-color:#BAD30B;}

.bigvideo {margin:0 3.125%;clear:both;}
.closed .bigvideo {margin:0 2.083333%;}
.bigvideo video {height:auto !important;}

/* landing */
.landing {padding:8em 0;height:auto;min-height:1px;}
.landing h3 {text-align:center;color:#666;}
.landing h2 {font-size:2.142857em;line-height:1.333333em;text-align:center;width:auto;font-weight:normal;padding:0 0 .666667em;float:none;}
.landing .visual {height:auto;}

/* CLOSED */
.contentbreak {clear:both;border:1px dashed #e2e2e2;background:#fff;margin:0 -1px;border-width:1px 0;text-align:center;font-size:9px;line-height:2em;text-transform:uppercase;color:#222;}

/* contenthead = half main, half size; use thrq or frq to modify */
.contenthead {margin-bottom:2.857142em;}
.contenthead .title {width:46.80851063%;margin:0 0 .714285em 2.083333%;padding:1.428571em 0 0;float:left;clear:left;}
.contenthead .title h2 {padding:0 .333333em 0 0;margin:0;}
.contenthead .title .button {margin:0;}
.contenthead p {clear:left;width:46.80851063%;margin:.714285em 2.12765957%;}
.contenthead p.abstract {font-size:1.428571em;margin:.5em 2.12765957%;line-height:1.25em;color:#555;}
.contenthead p.full {width:auto;}

/* .thrq = three quarters */
.thrq .side {width:21.27659574%;}
.thrq p, .thrq .title {width:72.34042553%;}

/* .frq = four quarters */
.frq .side {display:none;}
.frq p, .frq .title {width:95.74468085%;}

/* .central = align center */
.central .title h2 {float:none;text-align:center;padding:0;}

/* contenthead > side */
.side .image {width:100%;}
.side .image img {background:rgba(0,0,0,.3);max-width:100%;}

/* features */
.inset-box.features {background:#4D4D4D;color:#fff;}
.inset-box.features:link {color:#fff;}
.inset-box.features:hover {background:#555;}
.inset-box.features.list {background-image:url(images/icon_featurelist.png);background-repeat:no-repeat;background-position:10px center;padding-left:25px;}

/* contenthead > featurenav */
.featurenav {clear:both;overflow:hidden;margin:-2.857142em -1px 0;border:1px solid #fff;border-width:0 1px;}
.featurenav ol {background:#4D4D4D;color:#F2F2F2;overflow:hidden;padding:.714285em 2.53191489% .357142em;margin:0 -2%;
	background-image:-webkit-linear-gradient(top, #333, #666 100%);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#666));-webkit-box-shadow:inset 0 0 1.428571em rgba(0,0,0,.7);
	background-image:-moz-linear-gradient(top, #333, #666 100%);-moz-box-shadow:inset 0 0 1.428571em rgba(0,0,0,.7);
	background-image:-o-linear-gradient(top, #333, #666 100%);
	background-image:linear-gradient(top, #333, #666 100%);box-shadow:inset 0 0 1.428571em rgba(0,0,0,.7);
}
.featurenav li {display:table;float:left;width:19.35483870%;margin:0 0 .5em .537634408%;padding:0;height:2.857142em;}
.featurenav li a {display:table-cell;vertical-align:middle;padding:0 .75em;color:#fff;text-decoration:none;font-size:.857142em;line-height:1.25;}

/* pagination */
.pagination {margin:0 0 1.428571em;min-height:1.428571em;text-align:center;clear:both;}
.pagination li {display:inline-block;position:relative;}
.pagination li.prev {float:left;}
.pagination li.prev a {padding-left:20px;}
.pagination li.prev:after {position:absolute;left:0;top:-.5em;bottom:-.5em;width:20px;content:"";background:url(images/arrow_left.png) no-repeat center left;}
.pagination li.next {float:right;}
.pagination li.next a {padding-right:20px;}
.pagination li.next:after {position:absolute;right:0;top:-.5em;bottom:-.5em;width:20px;content:"";background:url(images/arrow_right.png) no-repeat center right;}

/* content */
.content {padding:0 2.12765957%;clear:both;}
.content:after {content:".";display:block;height:0;clear:both;visibility:hidden;} /* clearfix as we like to let stuff flow out of .content on top */

/* .inflow lets contenthead flow into .content */
.inflow {clear:left;}

.content h3 {clear:left;font-weight:normal;font-size:1.214285em;line-height:1.176470em;color:#111;margin:1.176470em 0 .588235em;vertical-align:middle;}
.content h3.lined {padding-bottom:.529411em;border-bottom:.058823em solid #B3B3B3;}
.content h3 span {margin-left:.3em;}
.content h3 .pill {vertical-align:.1em;margin:-1em 0 -.666667em .5em;}
.content h3 a.disabled {text-decoration:none;color:inherit;cursor:default;}
.content strong {line-height:1;}
.content p + .connected {margin-top:-1.428571em;}

.content .image {overflow:hidden;}
.content .image a {display:block;text-decoration:none;}
.content .image img {display:block;max-width:100%;border:0;}
.content .image.full {margin:0 0 1.428571em;}

.content .logo {width:120px;height:60px;overflow:hidden;}
.content .face {width:260px;height:140px;overflow:hidden;position:relative;}

.content ol.spaced li, .content ul.spaced li {margin:0 0 .714285em;}

.content .box {border:1px solid #E6E6E6;background:#fff;}

.content fieldset {border:0;margin:0;padding:0;}
.content textarea {width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* content > aside */
.aside {float:right;width:22.22222222%;padding:.714285em 2.11111111%;margin:0 0 2.857142em;overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.aside.titlealign {margin-top:-.785714em;}
.aside h3 {margin-top:0;}
.aside p + .connected {margin-top:-1.428571em;}
.aside ul {margin:0 0 1.428571em;}
.aside ul li {position:relative;}
.aside ul li:before {position:absolute;content:"\2023";text-align:right;width:1em;left:-1.2em;}

/* aside > linklist */
.linklist li {list-style:none;margin:0 0 .714285em;}
.linklist li:before {content:"";display:none;}

/* content > inside */
.inside {width:75.55555556%;margin:0 0 1.428571em;}
.inside:after {content:".";display:block;height:0;clear:both;visibility:hidden;} /* clearfix as we like to let stuff flow out of .content on top */
.inside > h3:first-child {margin-top:0;}
.inside ol, .inside ul {margin:0 0 1.428571em;padding-left:1.714285em;}
.inside ol li {list-style:decimal;}
.inside ul li {list-style:disc;}
.inside .image {margin:0 0 1.428571em;}
.inside .attached:last-child {margin:0 0 -1.428571em;}
.inside .box {padding:.714285em 1.47058823% 0;overflow:hidden;margin:0 0 1.428571em;}

.half {width:48.888889%;}

/* griddy styles 
 * "full" prefix means whole width, otherwise 3/4 assumed.
 * "tight" suffix means no spacing between columns
 * 3/4 supports elements at .inside or inside it */
.full-col3-tight {overflow:hidden;margin:0 -2.22222222% 1.428571em 0;}
.full-col3-tight > li {width:32.608696%;margin:0 0 1.428571em;float:left;}
.full-col3-tight > li:nth-child(3n+1) {clear:left;}

.full-col2 {overflow:hidden;margin:0 -2.22222222% 1.428571em;}
.full-col2 > li {width:46.808511%;margin:0 0 1.428571em 2.127656%;float:left;}
.full-col2 > li:nth-child(3n+1) {clear:left;}

.full-col3 {overflow:hidden;margin:0 -2.22222222% 1.428571em;}
.full-col3 > li {width:29.787234%;margin:0 0 1.428571em 3.191489%;float:left;}
.full-col3 > li:nth-child(3n+1) {clear:left;margin-left:2.127656%;}

.full-col4 {overflow:hidden;margin:0 -2.22222222% 1.428571em;}
.full-col4 > li {width:22.340426%;margin:0 0 1.428571em 2.127656%;float:left;}
.full-col4 > li:nth-child(4n+1) {clear:left;}

.full-col5 {overflow:hidden;margin:0 -2.22222222% 1.428571em;}
.full-col5 > li {width:17.021277%;margin:0 0 1.428571em 2.65957446%;float:left;}
.full-col5 > li:nth-child(5n+1) {clear:left;margin-left:2.127656%;}

.col2 {width:80%;margin:0 -2.22222222% 1.428571em;}
.inside .col2 {width:auto;margin:0 -2.941177% 1.428571em;padding:0;}
.col2 > li {width:45.833333%;margin:0 0 1.428571em 2.777778%;float:left;}
.col2 > li:nth-child(2n+1) {clear:left;}

.col5 {width:80%;margin:0 -2.22222222% 1.428571em;}
.inside .col5 {width:auto;margin:0 -2.941177% 1.428571em;padding:0;}
.col5 > li {width:16.666667%;margin:0 0 1.428571em 2.777778%;float:left;}
.col5 > li:nth-child(5n+1) {clear:left;}

/* .header > .full-col3-tight */
.header .full-col3-tight > li {margin-bottom:0;}

/* inside > alert */
.alert h3:first-child {margin-top:0;}

/* inside > companydata */
.companydata dt {float:left;}
.companydata dd {margin-left:12em;}

/* inside.featurelist */
.featurelist h3 {clear:none;margin-top:0;margin-left:60px;}
.featurelist p {padding-left:6.06060606%;margin-left:60px;}
.featurelist .iconless h3 {margin-left:0;}
.featurelist .iconless p {padding-left:0;margin-left:0;}
.featurelist dl {padding-left:6.06060606%;margin:0 0 1.428571em 60px;}
.featurelist dt {float:left;clear:left;}
.featurelist .emailspec dd {padding-left:6em;margin-left:0;}
.featurelist .image {float:left;margin:0 6.06060606% .714285em 0;width:60px;height:60px;overflow:hidden;}
.featurelist .image img {max-width:none;position:relative;}
.featurelist .icon1 img {left:0;}
.featurelist .icon2 img {left:-60px;}
.featurelist .icon3 img {left:-120px;}
.featurelist .icon4 img {left:-180px;}
.featurelist .icon5 img {left:-240px;}
.featurelist .icon6 img {left:-300px;}
.featurelist .icon7 img {left:-360px;}
.featurelist .icon8 img {left:-420px;}
.featurelist .icon9 img {left:-480px;}

/* content > featureset */
.featureset h3 {margin:.588235em 0;}

/* inside > customerlist */
ol.customerlist {overflow:hidden;}
ol.customerlist li {height:4.285714em;background-position:center top;background-repeat:no-repeat;text-indent:-1000em;list-style:none;}
ol.customerlist li.old {background-position:center center;}
ol.customerlist li.active {background-position:center bottom;}
ol.customerlist li.active:hover {background-position:center top;}

/* aside > chat button */
.button.chat {text-align:center;display:block;margin:.588235em 0 1.176470em;font-size:1.214285em;line-height:1.176470em;}

/* aside > contactboc */
.contact.box {background:#D6D4D5;}
.contact.box.fixed {position:absolute;top:5em;right:2.12766%;padding:.714285em 2.021276%;width:21.276596%;margin:0;} /* this might not be a good idea, but it probably won't break anything */
.contact.box .partner {margin:0 0 .714285em;}
.contact.box .partner h3 {display:none;}
.contact.box .partner span {display:block;}
.contact.box .partner .desc {color:#999;}
.contact.box .partner > a, .contact.box .partner .tel {display:block;padding:.357142em 0;}
.contact.box .partner .tel {padding-left:30px;background:url(images/icons_contact.png) no-repeat 0 3px;}
.contact.box .partner .email {padding-left:30px;background:url(images/icons_contact.png) no-repeat 0 -37px;}
.contact.box .partner .demo {padding-left:30px;background:url(images/icons_contact.png) no-repeat 0 -77px;}

/* content > testimonial */
.testimonial h3 {clear:none;margin:0;font-weight:normal;color:#999;font-size:1em;}
.testimonial h3 strong {color:#333;font-size:1.214285em;line-height:1em;}
.testimonial h4 {color:#999;font-weight:normal;}
.testimonial h4 strong {color:#333;font-weight:bold;}

/* content > testimonial(focus) */
div.testimonial {overflow:hidden;padding:1.357142em 2.11111111%;margin:0 0 2.142857em;}
div.testimonial .video {float:left;padding:0 2.32558139% 0 0;width:48.837209%;background:inherit;height:auto;}
div.testimonial .title {border-bottom:.142857em solid #b3b3b3;padding:0 0 .214285em;margin:0 0 .714285em;}
div.testimonial h3 {line-height:2.142857em;}
div.testimonial h3 strong {font-size:1.714285em;line-height:.833333em;}

/* content > testimonial(list) */
ul.testimonial {overflow:hidden;}
ul.testimonial li.box {min-height:15em;padding:.714285em 1.06382978%;border:1px solid #dedede;background:#E6E6E6;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
ul.testimonial li.clickable {cursor:pointer;}
ul.testimonial a {text-decoration:none;color:#999;}
ul.testimonial a strong {color:#333;}
ul.testimonial .face {width:138px;height:74px;}
ul.testimonial .active .face img {position:relative;top:-90px;}
ul.testimonial .active:hover .face img {top:0;}
ul.testimonial h3 {margin:.357142em 0 .714285em;line-height:1.428571em;}
ul.testimonial h3 strong {display:block;line-height:1.176470em;}

/* content > testimonial(casestudy) */
div.testimonial.box .image {float:left;width:260px;height:140px;margin:0 0 .714285em;padding-right:2.32558139%;background:inherit;}

/* content > platformlist */
.platformlist .image img {margin:0 auto;}
.platformlist h3 {border-bottom:.058823em solid #ccc;padding-bottom:.529411em;}
.platformlist ul li {list-style:url(images/bullet_green.png) inside;}

/* content > threesteps */
.threesteps > li {position:relative;}
.threesteps .title {border-bottom:.357142em solid #b3b3b3;}
.threesteps .title h3 {margin-top:0;padding-top:1.071428em;}
.threesteps .title h3:before {content:"";display:inline-block;font-size:1.176470em;background:#AFB1B4;color:#000;width:2em;height:1em;text-align:center;padding:.4em 0 .6em;margin:0 .5em 0 6.66666667%;text-shadow:0 1px 1px rgba(255,255,255,.75);font-weight:bold;
	-webkit-border-radius:1em;-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,.5),inset 0 -1px 0 rgba(255,255,255,.5);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#B3B5B8), to(#A6A8AB));background-image:-webkit-linear-gradient(top, #B3B5B8, #A6A8AB 100%);
	-moz-border-radius:1em;-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,.5),inset 0 -1px 0 rgba(255,255,255,.5);background-image:-moz-linear-gradient(top, #B3B5B8, #A6A8AB 100%);
	background-image:-o-linear-gradient(top, #B3B5B8, #A6A8AB 100%);
	border-radius:1em;box-shadow:inset 0 1px 0 rgba(0,0,0,.5),inset 0 -1px 0 rgba(255,255,255,.5);background-image:linear-gradient(top, #B3B5B8, #A6A8AB 100%);
}
.threesteps li:nth-child(1) .title h3:before {content:"1";}
.threesteps li:nth-child(2) .title h3:before {content:"2";}
.threesteps li:nth-child(3) .title h3:before {content:"3";}
.threesteps .focus {background:#e6e6e6;padding:.714285em 6.66666667% 1.785714em;margin:0 0 1.428571em;}
.threesteps .focus p {margin:1.428571em 0 0;}
.threesteps .focus p:first-child {margin-top:0;}
.threesteps .desc {padding:0 6.66666667%;}

.isllight .focus {min-height:7.142857em;}
.islalwayson .focus {min-height:12.857142em;}
.islpronto .focus {min-height:8.571428em;}
.islgroop .focus {min-height:8.571428em;}

/* .header >.threesteps */
.header .threesteps {margin:-1.428571em 1.04666667% 0 3.125%;}
.header .threesteps .title {border:0;float:right;position:relative;left:-50%;}
.header .threesteps .title h3 {font-size:1em;padding:1.071428em  1em 1.071428em .357142em;white-space:nowrap;float:left;border-bottom:.357142em solid #fff;position:relative;left:50%;}
.header .threesteps .title h3:before {font-size:1.428571em;background:#AFB1B4;color:#000;width:2em;height:1em;text-align:center;padding:.4em 0 .6em;margin:0 .5em 0 0;
	-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.5);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#A7A9AC), to(#797A7C));background-image:-webkit-linear-gradient(top, #A7A9AC, #797A7C 100%);
	-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.5);background-image:-moz-linear-gradient(top, #A7A9AC, #797A7C 100%);
	background-image:-o-linear-gradient(top, #A7A9AC, #797A7C 100%);
	box-shadow:inset 0 -1px 0 rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.5);background-image:linear-gradient(top, #A7A9AC, #797A7C 100%);
}
.header .threesteps .selected .title h3:before {background:#B9CA23;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#A5BA09), to(#C5D139));background-image:-webkit-linear-gradient(top, #A5BA09, #C5D139 100%);
	background-image:-moz-linear-gradient(top, #A5BA09, #C5D139 100%);
	background-image:-o-linear-gradient(top, #A5BA09, #C5D139 100%);
	background-image:linear-gradient(top, #A5BA09, #C5D139 100%);
}
.header .threesteps .selected .title h3 {border-color:#B6C81C;}

/* .isllight > .threesteps */
/*
.isllight .threesteps li .title .visual {height:137px;margin:2px auto 0;}
.isllight .threesteps li:nth-child(1) .title .visual {width:109px;background:url(images/products/isllight_howitworks_sprite.png) no-repeat 0 0;}
.isllight .threesteps li:nth-child(2) .title .visual {width:220px;height:36px;background:url(images/products/isllight_howitworks_sprite.png) no-repeat center -147px;margin:81px auto 22px;}
.isllight .threesteps li:nth-child(3) .title .visual {width:109px;background:url(images/products/isllight_howitworks_sprite.png) no-repeat -169px 0;}
.isllight .threesteps li:nth-child(2) .title:before, .isllight .threesteps li:nth-child(3) .title:before {content:"";width:40px;height:40px;position:absolute;left:-20px;top:79px;background:url(images/products/isllight_howitworks.png) no-repeat -119px -77px;}
*/
.isllight .threesteps li .title .visual {height:150px;}
.isllight .threesteps li:nth-child(1) .title .visual {background:url(images/products/isllight_howitworks.png) no-repeat -20px 0;}
.isllight .threesteps li:nth-child(2) .title .visual {background:url(images/products/isllight_howitworks.png) no-repeat -320px 0;}
.isllight .threesteps li:nth-child(3) .title .visual {background:url(images/products/isllight_howitworks.png) no-repeat -620px 0;}

/* .islalwayson > .threesteps */
.islalwayson .threesteps li .title .visual {height:150px;}
.islalwayson .threesteps li:nth-child(1) .title .visual {background:url(images/products/islalwayson_howitworks.png) no-repeat -20px 0;}
.islalwayson .threesteps li:nth-child(2) .title .visual {background:url(images/products/islalwayson_howitworks.png) no-repeat -320px 0;}
.islalwayson .threesteps li:nth-child(3) .title .visual {background:url(images/products/islalwayson_howitworks.png) no-repeat -620px 0;}

/* .islpronto > .threesteps */
.islpronto .threesteps li .title .visual {height:150px;}
.islpronto .threesteps li:nth-child(1) .title .visual {background:url(images/products/islpronto_howitworks.png) no-repeat -20px 0;}
.islpronto .threesteps li:nth-child(2) .title .visual {background:url(images/products/islpronto_howitworks.png) no-repeat -320px 0;}
.islpronto .threesteps li:nth-child(3) .title .visual {background:url(images/products/islpronto_howitworks.png) no-repeat -620px 0;}

/* .islgroop > .threesteps */
.islgroop .threesteps li .title .visual {height:150px;}
.islgroop .threesteps li:nth-child(1) .title .visual {background:url(images/products/islgroop_howitworks.png) no-repeat -20px 0;}
.islgroop .threesteps li:nth-child(2) .title .visual {background:url(images/products/islgroop_howitworks.png) no-repeat -320px 0;}
.islgroop .threesteps li:nth-child(3) .title .visual {background:url(images/products/islgroop_howitworks.png) no-repeat -620px 0;}

/* platform */
.platform {width:63.63636364%;margin:2.857142em auto;}
.platform .buttons {text-align:center;}
.platform .buttons a img {border:0;}
.platform .buttons .button {display:inline-block;}
.platform .buttons hr {margin:1.428571em 0;border:0;border-top:1px solid #ccc;height:0;background:transparent;}

/* contactlist */
ol.contactlist, .contactlist ul {margin-left:0;padding-left:0;list-style-type:none;}
.contactlist h4 {font-size:1.214285em;line-height:1.176470em;height:1.176470em;font-weight:normal;padding:0 0 .235294em;border-bottom:.058823em solid #E6E6E6;margin:0 0 .294117em;}
.contactlist ul {margin:0 -1.51975683%;}
.contactlist ul li {list-style-type:none;width:47.78761061%;margin-left:1.47492625%;float:left;}
.contactlist ul li:nth-child(2n-1) {clear:left;}
.contactlist h4 .indicator {font-size:.823529em;padding-left:.3em;float:right;}
.nearonly .box {display:none;}
.nearonly .near {display:block;}
.nearonly .near h4 .indicator {display:none;}

/* helpcentre */
.helpcentre h3.lined {font-size:1.714285em;line-height:1.25em;padding-bottom:.333333em;border-bottom:.083333em groove #fff;margin:1.25em 0 .416667em;}
.helpcentre h3 span {font-size:.583333em;text-transform:uppercase;}
.helpcentre dl {margin:1.428571em 0;}
.helpcentre dt {float:left;width:20%;margin:-.882352em 0 .294117em;padding:.882352em 0;font-size:1.214285em;color:#111;border-right:1px dotted #ccc;}
.helpcentre dd {margin:0 0 1.428571em;padding:0;border-bottom:2px groove #fff;}
.helpcentre dd:after {content:".";visibility:hidden;clear:both;height:1px;display:block;}
.helpcentre fieldset {float:left;vertical-align:top;padding-left:2.22222222%;}
.helpcentre fieldset select {margin:-1em 1em -1em .3em;}
.helpcentre fieldset.submit {padding:0;float:right;width:13.333333%;}
.helpcentre fieldset.submit input {width:100%;margin:-1em 0;}

/* allinone */
table.allinone {width:100%;border-collapse:collapse;border-spacing:0;margin:0 0 1.428571em;}
table.allinone .product {width:14%;}
table.allinone td {text-align:center;vertical-align:top;padding:4px 3px 5px;}
table.allinone th {font-weight:normal;vertical-align:top;padding:4px 3px 5px;}
table.allinone sup {font-size:.857142em;line-height:0;position:relative;vertical-align:baseline;top:-.5em;}
/* headers */
table.allinone thead tr th {border-bottom:1px dotted #333;background:#E6E7E8;}
table.allinone thead tr:first-child th {border-bottom:0;}
table.allinone tbody th, table.allinone .colhead {text-align:left;}
table.allinone .feature {width:30%;}
/* body */
table.allinone tbody td, table.allinone tbody th {border-bottom:1px dotted #333;border-left:1px solid rgba(255,255,255,.5);}
table.allinone tbody th:first-child {border-left:0;}
table.allinone tbody th a {display:block;padding-left:24px;text-decoration:none;color:#444;background:url(images/icons_seciontoggle.png) no-repeat 0 -31px;}
table.allinone tbody tr {background:#ededed;}
table.allinone tbody td a {color:#444;text-decoration:none;}
/* closed body */
table.allinone tbody.closed tr {display:none;background:#E6E7E8;}
table.allinone tbody.closed th a {background-position:0 1px;}
table.allinone tbody.closed tr.headline {display:block;display:table-row;}
table.allinone tbody.closed tr.headline td, table.allinone tbody.closed tr.headline th:not(:first-child) {text-indent:-1000em;border-left:0;}
/* selected body border */
table.allinone tbody.opened tr.headline td, table.allinone tbody.opened tr.headline th {border-top:1px solid #666;}
table.allinone tbody.opened + tbody.closed tr.headline td, table.allinone tbody.opened + tbody.closed tr.headline th {border-top:1px solid #666;}
table.allinone tbody.opened th.closed_noborder {border-bottom:0;}
table.allinone tfoot tr td {border:0;}
table.allinone tbody.opened + tfoot tr td {border-top:1px solid #666;}

/* SHOP */
.shop .full-col3 > li, .shop .full-col4 > li {margin-left:2.12765957%;padding-top:1.428571em;}
.shop .full-col3 li.small {width:25.53191489%;}
.shop .full-col3 li.big {width:36.17021276%;padding:1.428571em 2.12765957% 0;}

.shop .title {text-align:center;padding:1.428571em 0;overflow:hidden;}
.shop .title h2 {float:none;font-size:2.142857em;display:inline-block;margin:0 .333333em 0 0;padding:0;}
.shop .more {display:inline-block;font-size:1.714285em;margin:0;padding:.166667em 0;width:1.166667em;height:.833333em;text-align:center;}

.shop .dropdown {position:relative;}
.shop .dropdown select {width:100%;}
.shop .dropdown, .shop .action, .shop .dropdown ul {border:1px solid #67696C;background:#949599;color:#fff;text-decoration:none;cursor:pointer;text-shadow:0 1px 1px rgba(0,0,0,.5);
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#A7A9AC), to(#7B7D80));background:-webkit-linear-gradient(top, #A7A9AC, #7B7D80 100%);-webkit-border-radius:4px;-webkit-box-shadow:inset 0 0 1px #fff;
	background:-moz-linear-gradient(top, #A7A9AC, #7B7D80 100%);-moz-border-radius:4px;-moz-box-shadow:inset 0 0 1px #fff;
	background:-o-linear-gradient(top, #A7A9AC, #7B7D80 100%);
	background:linear-gradient(top, #A7A9AC, #7B7D80 100%);border-radius:4px;box-shadow:inset 0 0 1px #fff;
}
.shop .dropdown:hover, .shop .dropdown:focus, .shop .dropdown:active, .shop .action:hover, .shop .action:focus, .shop .action:active {border:1px solid #535558;background:#949599;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#A7A9AC), to(#67696C));background:-webkit-linear-gradient(top, #A7A9AC, #67696C 100%);
	background:-moz-linear-gradient(top, #A7A9AC, #67696C 100%);
	background:-o-linear-gradient(top, #A7A9AC, #67696C 100%);
	background:linear-gradient(top, #A7A9AC, #67696C 100%);
}
.shop .dropdown:active, .shop .action:active {text-shadow:0 1px 1px rgba(255,255,255,.02) !important;
	-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.3);
	-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,.3);
	box-shadow:inset 0 1px 3px rgba(0,0,0,.3);
}
.shop .dropdown, .shop .dropdown ul {padding:0;}
.shop .dropdown.open {z-index:1;top:1px;}
.shop .dropdown a {display:block;color:#fff;text-decoration:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.shop .dropdown > a {background:url(images/icon_down_ongray.png) no-repeat right center;}
.shop .dropdown ul {position:absolute;top:-1px;left:-1px;width:100%;
	-webkit-box-shadow:0 4px 8px rgba(0,0,0,.3), inset 0 0 1px #fff;
	-moz-box-shadow:0 4px 8px rgba(0,0,0,.3), inset 0 0 1px #fff;
	box-shadow:0 4px 8px rgba(0,0,0,.3), inset 0 0 1px #fff;
}
.shop .dropdown ul a:hover {position:relative;top:1px;background:rgba(255,255,255,.1);}
.shop .dropdown.dead {padding:.5em;}
.shop .dropdown.dead:hover, .shop .dropdown.dead:focus {top:0;}
.shop .dropdown.dead:active {top:0;}
.shop .centerfloat {position:relative;float:right;left:-50%;}
.shop .centerfloat > * {position:relative;left:50%;}

/* packages */
.packages h3 {font-size:2.857142em;line-height:1em;font-weight:bold;text-align:left;margin:0;position:relative;left:50%;display:inline-block;text-shadow:0 1px 0 rgba(255,255,255,.5);}
.packages h3 span {font-weight:normal;}
.packages h3 .currency {font-size:.5em;vertical-align:super;margin:0 -.166667em 0;line-height:0;} 
.packages h3 .unit {font-size:.35em;color:#666;display:block;margin:-.75em 0 0;}
.packages .chf h3 .currency {margin-left:-1.5em;}

/* offer */
.offer {clear:both;margin:0 0 1.428572em;border:2px groove #fff;border-width:2px 0;min-height:12.571428em;}
.offer h3, .offer li {color:#666;}
.offer .dropdown {width:70.58823529%;margin:1.428571em auto;}
.offer .dropdown a {padding:.470588em .470588em .529411em;font-size:1.214285em;}
.offer .dropdown:first-child {margin-top:2.142857em;z-index:1;}
.offer .open:first-child {z-index:2;}
.trial .offer ul {margin-top:1.428571em;margin-bottom:1.428571em;}
.trial .offer li {padding:.357142em 0 .357142em 25px;min-height:20px;}
.trial .offer .icon-licenses {background:url(images/icons_trial.png) no-repeat -60px 0;}
.trial .offer .icon-features {background:url(images/icons_trial.png) no-repeat -40px -30px;}
.trial .offer .icon-card {background:url(images/icons_trial.png) no-repeat -20px -60px;}
.trial .offer .icon-risk {background:url(images/icons_trial.png) no-repeat 0 -90px;}
.payperuse .offer h3 {margin-top:1.333333em;}
.privatecloud p {color:#666;text-align:left;margin:1.785714em .714285em;}
.serverlicense .offer p {width:100%;font-size:.857142em;text-align:center;margin:-.833333em 0 0;}

/* pricebox */
.pricebox {min-height:5.714285em;}
.pricebox h3 {color:#333;}
.pricebox h3 .unit {margin-left:.75em;}

/* action */
.actionbox {clear:both;text-align:center;padding:0 1.071428em 1.285714em;}
.big .actionbox {width:70.58823529%;margin:0 auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.nototal {padding-top:3em;}
.withtotal {background:rgba(0,0,0,.03);padding-top:.142857em;
	-webkit-border-radius:.333333em;
	-moz-border-radius:.333333em;
	border-radius:.333333em;
}
.actionbox dl {display:inline-block;margin:0;text-transform:uppercase;font-size:1.214285em;margin:.588235em 0;}
.actionbox dt, .actionbox dd {display:inline-block;margin:0;padding:0;}
.actionbox dt {color:#666;}
.actionbox .button {clear:both;display:block;padding:.928571em .5em 1em;position:relative;}
.actionbox input.button {width:100%;}

/* member */
.member {text-align:right;font-size:1.214285em;}

/* features */
.shopfeatures {background:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.shopfeatures ul, .shopfeatures .centerfloat {margin:0 0 0 4.16666667%;}
.shopfeatures .centerfloat ul {margin:0;}
.big .shopfeatures ul {width:70.58823529%;margin:0 auto;}
.shopfeatures ul li {padding-left:25px;background:url(images/tick.gif) no-repeat left top;}

/* footnote */
.footnote {text-align:right;color:#666;}

/* FOOTER */
.footer {
	clear:both;
	overflow:hidden;
	min-height:5em;
	background-image: url(../users/custom/v6__bg_footer.jpg);
	background-repeat:  repeat-x;
	background-position: center top;
}
.footer hr {margin:0;border:0;height:1px;margin-bottom:-1px;visibility:hidden;}
.footer h4 {font-weight:normal;font-size:1.714285em;line-height:1.25em;margin:.208333em 0 .208333em 3.125%;}
.footer h5 {font-weight:normal;font-size:1.214285em;line-height:1.176470em;color:#111;}

/* more-products */
.about-block {margin:1.428571em 1.041667% -2px;padding-bottom:1.428571em;border-bottom:2px groove #fff;overflow:hidden;}
.about-block p {float:left;width:65.957447%;margin-bottom:0;}
.about-block .buttons {float:right;width:27.659574%;}
.about-block .button {float:left;width:40%;text-align:center;}
.about-block .video.button {margin-right:5%;}
.about-block .video.button.active {display:inline-block;}
.about-block .bigvideo {margin:0 2.127659%;clear:both;overflow:hidden;}
.about-block .bigvideo .video-js-box {margin:1.428571em 0 0;}
.about-block .bigvideo .vjs-fullscreen {margin-top:0;}

/* promotions */
.promotions-block {clear:both;padding:1.428571em 0;overflow:hidden;}
.promotions-block h4 {display:none;}
.promotions-block li {width:31.249999%;margin-left:2.083333%;float:left;padding:1.428571em 2.083333%;height:160px;color:#666;background-repeat:no-repeat;text-align:center;position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.promotions-block li:first-child {margin-left:1.041667%;}
.promotions-block li.bottom {background-position:center bottom;}
.promotions-block li.full {background-position:center center;text-indent:-1000em;}
.promotions-block li h5 {font-size:1.142857em;text-shadow:0 1px 0 rgba(255,255,255,.8);}
.promotions-block li.clickable h5 a {position:absolute;left:0;top:0;width:100%;height:100%;padding-top:1.25em;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.promotions-block li.clickable p {padding-top:1.428571em;}

/* customers */
.customers-block {clear:both;overflow:hidden;padding:0 0 1.428571em;margin:0 1.041667% -2px;border-bottom:2px groove #fff;margin-bottom:-2px;}
.customers-block .nav {margin:1.428571em 0 0;}
.customers-block .nav li {width:120px;height:60px;line-height:60px;text-indent:-1000em;margin-left:1.142857em;}
.customers-block .nav li:first-child {margin-left:0;}
.customers-block .nav li.active {background-position:center bottom;}
.customers-block .nav li.active:hover {background-position:center top;}
.customers-block .nav a {display:block;padding:0;}
.customers-block p {margin:0;clear:left;}

/* products */
.products-block {clear:both;margin:0 1.041667% -2px;border-bottom:2px groove rgba(255,255,255,.8);overflow:hidden;}
.products-block h4 {display:none;margin-left:2.12765957%;}
.products-block .nav {margin:1.428571em 8% 2.857142em;height:90px;overflow:visible;}
.products-block .nav li {width:22.78481012%;margin:0 0 0 2.127659%;height:90px;}
.products-block .nav li:hover {background:rgba(0,0,0,.15);}
.products-block .nav a {display:block;width:100%;text-align:center;text-decoration:underline;padding:0;text-shadow:0 1px 1px rgba(255,255,255,.5);}
.products-block .nav a span {display:block;height:90px;padding-bottom:.357142em;width:100%;}
.products-block .nav li:first-child {margin-left:0;}
.products-block .isllight a:hover span {background:url(images/ui_footer_products.png) no-repeat center 0;}
.products-block .isllight a span {background:url(images/ui_footer_products.png) no-repeat center -90px;}
.products-block .islalwayson a:hover span {background:url(images/ui_footer_products.png) no-repeat center -180px;}
.products-block .islalwayson a span {background:url(images/ui_footer_products.png) no-repeat center -270px;}
.products-block .islgroop a:hover span {background:url(images/ui_footer_products.png) no-repeat center -360px;}
.products-block .islgroop a span {background:url(images/ui_footer_products.png) no-repeat center -450px;}
.products-block .islpronto a:hover span {background:url(images/ui_footer_products.png) no-repeat center -540px;}
.products-block .islpronto a span {background:url(images/ui_footer_products.png) no-repeat center -630px;}

/* foot */
.foot {margin:1.666667em 1.041667% 1.666667em;font-size:.857142em;line-height:1.25em;overflow:hidden;}
.promotions-block + .foot {margin-top:-2px;padding-top:1.666667em;border-top:2px groove #fff;}

/* elsewhere */
.foot .elsewhere {float:left;line-height:30px;margin:0 1.04166667% 0 0;}
.foot .elsewhere.nav li {width:30px;height:30px;margin:0 0 0 5px;}
.foot .elsewhere.nav a {display:block;padding:0;}
.foot .elsewhere li span {display:block;text-indent:-1000em;width:100%;height:100%;}
.foot .elsewhere li:first-child {margin-left:0;}
.foot .elsewhere li.blog {width:44px;}
.foot .elsewhere li.plusone {width:38px;padding-top:4px;height:26px;}
.foot .elsewhere li.twitter a span {background:url('/users/custom/v6__icons_social.png') no-repeat 0 0;}
.foot .elsewhere li.facebook a span {background:url('/users/custom/v6__icons_social.png') no-repeat -30px 0;}
.foot .elsewhere li.youtube a span {background:url('/users/custom/v6__icons_social.png') no-repeat -60px 0;}
.foot .elsewhere li.wordpress a span {background:url('/users/custom/v6__icons_social.png') no-repeat -90px 0;}
.foot .elsewhere li.blog a span {background:url('/users/custom/v6__icon_blog.png') no-repeat 0 0;}
.foot .elsewhere li.twitter a:hover span, .foot .elsewhere li.twitter a:focus span {background:url('/users/custom/v6__icons_social.png') no-repeat 0 -30px;}
.foot .elsewhere li.facebook a:hover span, .foot .elsewhere li.facebook a:focus span {background:url('/users/custom/v6__icons_social.png') no-repeat -30px -30px;}
.foot .elsewhere li.youtube a:hover span, .foot .elsewhere li.youtube a:focus span {background:url('/users/custom/v6__icons_social.png') no-repeat -60px -30px;}
.foot .elsewhere li.wordpress a:hover span, .foot .elsewhere li.wordpress a:focus span {background:url('/users/custom/v6__icons_social.png') no-repeat -90px -30px;}
.foot .elsewhere li.blog a:hover span {background:url('/users/custom/v6__icon_blog.png') no-repeat 0 -30px;}

/* language */
.foot .language:hover {background:rgba(0,0,0,.1);}
.foot .language {float:right;margin:0 0 0 1.04166667%;}
.foot .language span {display:inline-block;padding:0 .5em 0 20px;background:url('/users/custom/v6__icon_world.png') no-repeat 0 0;}
.foot .language fieldset {margin:0;padding:.333333em .5em;border:0;}
.foot .language legend {display:none;}
.foot .language input {border:0;vertical-align:baseline;position:relative;top:4px;width:16px;height:16px;background:transparent url('/users/custom/v6__icon_submit.png') no-repeat;font-size:1.166667em;text-indent:-1000em;}

/* links */
.foot .links {text-align:center;margin:.625em 0;}
.foot .links ul, .foot .links li {display:inline;}
.foot .links li:before {content:"\2013\a0";}
.foot .links li:first-child:before {content:"";}