/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
body {
  font-family: Helvetica, Arial, sans-serif;
  background: #fff;
  color: #99a;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333;
  font-weight: normal;
}
a {
  color: #0080c6;
  text-decoration: none;
}
a:hover {
  color: #005f93;
}
header {
  z-index: 100;
  background: #fff;
  border-bottom: 1px solid #333;
}
header#head {
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  background: #333;
}
header#mid nav {
  font-size: 18px;
}
header#mid nav > span,
header#mid nav > a {
  padding: 0.6em 1em 0.6em;
}
header#mid nav > span.selected,
header#mid nav > a.selected {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1em;
  padding-bottom: 1em;
}
header .inner {
  overflow: hidden;
}
header hgroup {
  float: left;
  vertical-align: middle;
  padding: 0.6em 1em;
  height: 1.5em;
}
header hgroup h1,
header hgroup h2 {
  margin: 0;
}
header hgroup h1,
header hgroup h2 {
  color: #fff;
}

header nav {
  float: right;
}
header nav h1 {
  display: none;
}
header nav > span,
header nav > a {
  height: 1.5em;
  line-height: 1.5em;
  display: inline-block;
  padding: 0.7em 1em 0.5em;
  margin: 0.4em 0.2em;
  vertical-align: bottom;
}
header nav > a {
  text-decoration: none;
  color: #0080c6;
}
header nav > a:hover {
  background: #0080c6;
  color: #fff;
}
header nav > a.selected {
  background: #333;
  color: #eee;
  padding-bottom: 0.9em;
  margin-bottom: 0;
}
header nav > span {
  margin-left: 1em;
  border-left: 1px solid #eef;
}
header nav .login {
  text-transform: uppercase;
}
header nav .login > span {
  font-size: 14px;
}
header nav .separator {
  height: 2.7em;
  padding: 0;
  width: 1px;
  background: #99a;
}
header nav input {
  -webkit-transition: width 1s;
  width: 120px;
}
header nav input:focus {
  width: 200px;
}
.inner {
  box-sizing: border-box;
  max-width: 940px;
  margin: 0 auto;
}
#main {
  padding: 2em 0;
}
#main .inner {
  padding: 0 1em;
}
#hero {
  padding-top: 3.6em;
  border-bottom: 1px solid #333;
}
#hero .inner {
  padding: 0 1em;
  position: relative;
  overflow: hidden;
}
#hero hgroup {
  padding: 3em 0;
  float: left;
}
#hero h1 {
  font-size: 6em;
}
#hero h2 {
  font-size: 2em;
}
#hero .social .fb-like {
  margin: 0 1em;
  height: 20px;
  vertical-align: middle;
}
#hero .social .fb-like span {
  height: 20px;
  display: block;
}
#hero .social div {
  margin: 0 1em;
  position: relative;
  vertical-align: middle !important;
  top: -1px;
}
#hero ul {
  float: right;
  padding: 2em 1em 0;
  margin: 1em -1em;
  border: 1px solid #eef;
  list-style: none;
  max-width: 400px;
}
#hero ul li {
  display: block;
  float: left;
  width: 50%;
  height: 90px;
  padding: 0 1em;
  box-sizing: border-box;
  position: relative;
}
#hero ul li > * {
  z-index: 2;
  position: relative;
}
#hero ul li h2 {
  font-size: 20px;
}
#hero ul li:before {
  color: #e99;
  z-index: 0;
  content: '★';
  position: absolute;
  display: block;
  font-size: 60px;
  top: -25px;
  left: -10px;
}
#hero ul li.red:before {
  color: #e99;
}
#hero ul li.blue:before {
  color: #9ae;
}
#hero ul li.green:before {
  color: #ce9;
}
#hero ul li.yellow:before {
  color: #ec9;
}
#hero form {
  position: absolute;
  top: 50%;
  right: 2em;
  background: #fff;
  background: rgba(255,255,255,0.3);
  border-color: rgba(0,0,0,0.1);
  background-clip: padding-box;
  text-align: right;
}
#hero form .wrapper {
  border: 1px solid #333;
}
#hero form input {
  border: 0 none;
  background: #fff;
  height: 2em;
  margin: 0;
  vertical-align: middle;
}
#contents .inner {
  padding: 0;
  overflow: hidden;
}
#contents article {
  box-sizing: border-box;
  padding: 2em 1em;
  border-bottom: 1px solid #eef;
  line-height: 1.2em;
}
#contents article h1 {
  line-height: 1em;
  font-size: 2em;
  margin: 0 0 0.5em;
}
#contents article img {
  background: #eee;
  width: 90px;
  height: 90px;
  float: left;
  margin-right: 1em;
}
#contents .grouped {
  margin: 0 0 2em;
  overflow: hidden;
  border-bottom: 1px solid #eef;
}
#contents .grouped article {
  float: left;
  width: 33.333%;
  min-height: 380px;
}
#contents .grouped article + article {
  border-left: 1px solid #eef;
}
#content {
  padding: 2em 1em 1em;
  line-height: 1.2em;
}
#content h1 {
  font-size: 3em;
  line-height: 1em;
  margin: 0 0 0.5em;
}
#content p {
  margin: 1em 0;
}
form#main-form .wrapper {
  border-top: 1px solid #eef;
}
form#main-form .wrapper label {
  float: left;
  width: 20%;
}
form#main-form .wrapper input {
  float: right;
  width: 80%;
}
#partners {
  margin: 0 -10px;
}
#partners form {
  background: #eee;
  border-radius: 3px;
}

.buy-box,
#partners .partner {
  box-sizing: border-box;
  float: left;
  width: 300px;
  border: 2px solid #eef;
  border-radius: 3px;
  padding: 1em;
  margin: 0 10px 20px;
  min-height: 190px;
}
.buy-box h2,
#partners .partner h2 {
  font-size: 14px;
  text-transform: uppercase;
}
#login {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  display: none;
  z-index: 110;
}
#login form {
  position: absolute;
  width: 400px;
  padding: 30px;
  top: 30%;
  left: 50%;
  margin: 0 -230px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0,0,0,0.2);
}
#login form h1 {
  font-size: 2em;
  margin: 0 0 1em;
}
#apps {
  margin: 0 -10px;
}
#apps form {
  background: #eee;
  border-radius: 3px;
}
#apps .app {
  box-sizing: border-box;
  float: left;
  width: 300px;
  border: 2px solid #eef;
  border-radius: 3px;
  margin: 0 10px 20px;
  padding: 0;
}
#apps .app img {
  width: 100%;
  min-width: 50px;
}
#apps .app .app-inner {
  margin-top: 40px;
  padding: 1em;
  background: -webkit-linear-gradient(top, rgba(255,255,255,0), #fff);
  background-size: 0px 50px;
  background-repeat: repeat-x;
  position: relative;
  z-index: 10;
  min-height: 280px;
}
#apps .app h1 {
	font-size: 20px;
}

#apps .app h2 {
  font-size: 14px;
  text-transform: uppercase;
}
#apps .app h2.price {
  float: right;
  border: 2px solid #093;
  color: #093;
  padding: 1em;
  margin: 0 0 1em 1em;
}
#hero form input {
  border: 0 none;
  background: #fff;
  height: 2em;
  margin: 0;
  vertical-align: middle;
}
#contents .inner {
  padding: 0;
  overflow: hidden;
}
#contents article {
  box-sizing: border-box;
  padding: 2em 1em;
  border-bottom: 2px solid #eef;
  line-height: 1.2em;
}
.buy-box h1,
#contents article h1 {
  line-height: 1em;
  font-size: 2em;
  margin: 0 0 0.5em;
}
#content {
  padding: 2em 1em 1em;
  line-height: 1.2em;
}
#content h1 {
  font-size: 3em;
  line-height: 1em;
  margin: 0 0 0.5em;
}
#content p {
  margin: 1em 0;
}
#content menu {
  width: 30%;
  float: right;
  border: 2px solid #eef;
  padding: 1em;
  margin: 0 0 1em 1em;
}
#content menu h1 {
  text-transform: uppercase;
  font-size: 16px;
  color: #99a;
  margin: 1em 0 0.5em;
  text-align: left;
  border-bottom: 2px solid #eef;
}
#content menu div,
#content menu button,
#content menu select,
#content menu img {
  text-align: center;
  margin: 0 0 10px;
  width: 100%;
  box-sizing: border-box;
}
#content menu :last-child {
  margin-bottom: 0;
}
#content menu .price {
  font-size: 14px;
  display: block;
  border: 2px solid #093;
  color: #093;
  padding: 1em;
  line-height: 1em;
}

#content menu .price.buyable {
border-color: firebrick;
color: firebrick;
}

.buy-now-button { float: right; }

.buy-form { width: 300px;float: left;margin-right: 10px;}

.buy-now-button,
#content menu button,
#content menu select {
  font-weight: bold;
  background: #eee;
  text-transform: uppercase;
  border: 2px solid #039;
  color: #039;
  border-radius: 2px;
  padding: 1em;
}
form#main-form .wrapper {
  border-top: 1px solid #eef;
}
form#main-form .wrapper label {
  float: left;
  width: 20%;
}
form#main-form .wrapper input {
  float: right;
  width: 80%;
}
menu h2.box-h2 {
	text-transform: uppercase;
	font-size: 16px;
	color: #99a;
	margin: 1em 0 0.5em;
	text-align: left;
	border-bottom: 2px solid #eef;
}

menu time { color: #333; display: block; text-align: center;}

.ctrl-holder label{float:left;display:block;min-width:26%;padding:0 2%}
.ctrl-holder { line-height: 2em; margin-bottom: 5px; }
.ctrl-holder .text-input{ border: 1px solid silver;padding: .3em;outline-color: gray; }
#signin-oauth { padding: 1em 0.3em; text-align: center; }
#signin-oauth a{ margin: 3px 10px; }
.text-input{min-width:50%;box-sizing:border-box;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px}
button#install-button-submit { cursor: pointer; }
#content menu img.small-screenshot { width: 49%; }
.buy-box h1, #partners article h1 { font-size: 1.5em; }
#top-write { font-size: 1.4em;text-transform: uppercase;}
.buy-box tr { line-height: 20px; }
.buy-box table { margin: 10px 0px 5px; }
select.ui{min-width: 200px; z-index:1;overflow:visible;display:inline-block;padding:.3em .6em .375em;border:1px solid #999;border-bottom-color:#888;margin:0;text-decoration:none;text-align:center;font:bold 11px/normal 'lucida grande',tahoma,verdana,arial,sans-serif;white-space:nowrap;cursor:pointer;color:#333;background-color:#eee;background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f6f6),to(#e4e4e3));background-image:-moz-linear-gradient(#f5f6f6,#e4e4e3);background-image:-o-linear-gradient(#f5f6f6,#e4e4e3);background-image:linear-gradient(#f5f6f6,#e4e4e3);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr = '#f5f6f6',EndColorStr = '#e4e4e3');-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.1),inset 0 1px 0 #fff;-moz-box-shadow:0 1px 0 rgba(0,0,0,0.1),inset 0 1px 0 #fff;box-shadow:0 1px 0 rgba(0,0,0,0.1),inset 0 1px 0 #fff;zoom:1;*display:inline}
.sBtX {
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	font: bold 11px Helvetica, Arial, sans-serif;
	color: #444;
	line-height: 12px;
	display: inline-block;
	padding: 3px 6px 4px 2px;
	background: #F3F3F3;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-transition: border-color .20s;
	-moz-transition: border-color .20s;
	-o-transition: border-color .20s;
	transition: border-color .20s;
	float: right;
	color: firebrick;
}
.b-ui {
	height: 20px !important;
	cursor: pointer;
}

.undisplayable { display: none; }
.incorrect { box-shadow: 0px 0px 3px firebrick; color: red;}
h3.title { font-size: 1.7em;line-height: 1em;margin: 0 .9em 0.5em;}

#openstore-carousel-wrapper{position:relative;outline:0 none}
.carousel-control{background-color:transparent;border:0 none;opacity:.7;color:transparent;font-size:0;width:35px;cursor:pointer}
.carousel-control:hover{opacity:1}
.carousel-control.disabled{cursor:default;opacity:.5}
.carousel-previous{background-image:url(//static-cdn.storeden.com/img/Sb76aFXTR.png);background-position:4px center;background-repeat:no-repeat;height:100%;display:inline-blocK;position:absolute;top:0;left:0}
.carousel-next{background-image:url(//static-cdn.storeden.com/img/Sb76aFXTR.png);background-position:-50px center;background-repeat:no-repeat;height:100%;display:inline-blocK;position:absolute;top:0;right:0}
.carousel-wrap{width:600px;margin-left:180px}
#openstore-carousel-wrapper ul li{float:left;list-style-type:none}
.suite-open-wrapper{width:290px;text-align:center}
.suite-image-wrapper{width:280px;height:280px;margin:0 15px;text-align:center;line-height:280px}
.suite-image-wrapper img{max-width:280px;max-height:280px;vertical-align:middle}
.waiting-response { display: none; }
#open-your-store-form .ctrl-holder{margin:0;padding:1ex 0;background-clip:padding-box;line-height:2em;-webkit-transition:all 400ms}
#open-your-store-form input.incorrect{border:1px solid red}
#open-your-store-form input.correct{border:1px solid green}
#open-your-store-form .inline-labels .ctrl-holder label,.inline-labels .dragon label{float:left;display:block;min-width:26%;padding:0 2%}
.textarea-input, #open-your-store-form .inline-labels .ctrl-holder .generic-box,.inline-labels .ctrl-holder .text-input,.inline-labels .ctrl-holder .select-input{min-width:50%;box-sizing:border-box;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px}
.textarea-input { min-height: 6em; }
#open-your-store-form .inline-labels .ctrl-holder .generic-box{display:inline-block}
#open-your-store-form .inline-labels .ctrl-holder .text-input.input-short,.inline-labels .ctrl-holder .select-input.input-short{min-width:15%;box-sizing:border-box}
#open-your-store-form .block-labels .ctrl-holder label{display:block;padding:0 2%}
#open-your-store-form .block-labels .ctrl-holder .text-input,.block-labels .ctrl-holder .select-input{min-width:60%;box-sizing:border-box}
#open-your-store-form .ctrl-holder.required label{font-weight:bold}
#open-your-store-form .ctrl-holder .text-input:required{font-weight:bold}
#open-your-store-form .ctrl-holder .text-input:required:invalid{color:firebrick}
#open-your-store-form .form-section{border-width:0;border-style:solid none;border-color:transparent;margin:1em 0;padding-top:1em}
#open-your-store-form .strict.form-section{margin:0}
#open-your-store-form .form-section .ctrl-holder{margin:0;padding:1ex 0;background-clip:padding-box;line-height:2em;-webkit-transition:all 400ms;overflow:hidden}
#open-your-store-form .form-section .dragon{margin:0;padding:1ex 0;background-clip:padding-box;line-height:2em;overflow:hidden;cursor:move}
#open-your-store-form .form-section .dragon label{cursor:move}
#open-your-store-form .ctrl-holder.ctrl-header{border-top:0 none;background:#faf7f7!important}
#open-your-store-form .ctrl-holder.ctrl-header>*{font-weight:bold}
#open-your-store-form .ctrl-holder.updated{background-color:#c9edc9}
#open-your-store-form .ctrl-holder.error-updating{background-color:firebrick}
#open-your-store-form .form-section .ctrl-holder.focused,.form-section .ctrl-holder:hover{background-color:#faf7f7;-webkit-transition:all 100ms}
#open-your-store-form .form-section.no-hover .ctrl-holder.updated.focused,.form-section.no-hover .ctrl-holder.updated:hover{background-color:#c9edc9;-webkit-transition:all 100ms}
#open-your-store-form .form-section.no-hover .ctrl-holder.error-updating.focused,.form-section.no-hover .ctrl-holder.error-updating:hover{background-color:firebrick;-webkit-transition:all 100ms}
#open-your-store-form .form-section .ctrl-holder.current-group.focused,.form-section .ctrl-holder.current-group:hover{background-color:#aaa;-webkit-transition:all 100ms}
#open-your-store-form .ctrl-holder.ctrl-header:hover{background-color:#ccc}
#open-your-store-form .ctrl-holder.alternate-line-mark{background-color:#f4f9fa}
#open-your-store-form .form-section .ctrl-header{border-bottom:1px dashed silver;background-color:#faf7f7}
#open-your-store-form .form-section .ctrl-container{border-top:1px dashed silver;border-bottom:1px dashed silver}
#open-your-store-form .form-section.no-cursor .ctrl-holder,.form-section.no-cursor .ctrl-holder label{cursor:default}
#open-your-store-form .form-section.no-line{border:0 none!important}
#open-your-store-form .form-section .ctrl-holder label{cursor:pointer}
#open-your-store-form .form-section .ctrl-holder .text-input{border:1px solid silver}
#open-your-store-form .form-section .ctrl-holder .text-input:hover,.form-section .ctrl-holder .text-input:focus{border-color:silver}
#open-your-store-form .form-section .ctrl-holder .text-input:focus{box-shadow:inset 0 1px 3px 0 silver;outline:0 none}
#open-your-store-form .form-section .ctrl-holder .text-input,.form-section .ctrl-holder .select-input{padding:0 .7em;vertical-align:middle;height:2.4em;line-height:2em}
#open-your-store-form .text-input.input-error{border-color:red!important}
.submit-button {text-decoration: none;text-shadow: 0 1px 0 #fff;font: bold 11px Helvetica, Arial, sans-serif;color: #444;line-height: 17px;height: 38px;display: inline-block;float: left;margin: 5px;padding: 5px 6px 4px 6px;border-radius: 2px;border: 1px solid #3079ED !important;background: #4B8DF8;-webkit-transition: border .20s;-moz-transition: border .20s;-o-transition: border .20s;transition: border .20s;color: #FFF !important;text-shadow: 0 1px 0 #2F5BB7 !important;font-size: 1em;float: right;cursor: pointer;}