@font-face {
  font-family: 'Dosis-Regular';
  src: url('/products/fonts/Dosis/Dosis-Regular.eot');
  src: url('/products/fonts/Dosis/Dosis-Regular.eot?#iefix') format('embedded-opentype'),
       url('/products/fonts/Dosis/Dosis-Regular.woff') format('woff'),
       url('/products/fonts/Dosis/Dosis-Regular.ttf') format('truetype'),
       url('/products/fonts/Dosis/Dosis-Regular.svg#Dosis-Regular') format('svg');
}
a, p, h1, label, input
{
	font-family: 'Segoe UI', Arial, Sans-Serif;
}
.clearb
{
	clear: both;
}
strong.normal
{
	font-weight: normal;
}
sup
{
	font: 0.33em arial, verdana, sans-serif;
	-webkit-text-stroke: 0;
}

div.main_container
{
	padding-bottom: 0;
}

section > article
{
	margin: 0 auto;
	margin-bottom: 2em;
	position: relative;
	width: 941px;
}
section article a.top
{
	bottom: -2.5em;
	color: #7b7b7b;
	font-size: 1em;
	right: 2em;
	position: absolute;
}
body
{
	background-color: #f6f6f6;
}

/* #region Marquee */
div.marquee
{
	height: 1em;
	margin: 0;
	margin-bottom: 1.5em;
	padding-top: 2em;
	position: relative;
	text-align: center;
}
div.marquee > div.divider
{
	background: url('../images/dotted_divider.png') repeat-x left center;
	border: 0;
	height: 3px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
div.marquee > div.divider > div.opaque
{
	background-color: #f6f6f6;
	height: 100%;
	left: 50%;
	margin-left: -7.5em;
	position: absolute;
	width: 15em;
}
div.marquee > div.divider > div.opaque2
{
	background-color: #f6f6f6;
	height: 100%;
	left: 50%;
	margin-left: -10.5em;
	position: absolute;
	width: 20.5em;
}
div.marquee > div.divider > div.opaque.gradient,
div.marquee > div.divider > div.opaque2.gradient
{
	background: url('../images/gray_bg.png') no-repeat center center;
}
div.marquee > h1
{
	color: #2d2d2d;
	display: inline-block;
	font: normal 3.846em 'Dosis-Regular';
	margin: 0;
	padding: 0 0.25em;
	position: relative;
	top: -0.75em;
}
/* #endregion */

/* #region Header */
section.wb
{
	margin: auto;
	padding-top: 10em;
	text-align: center;
	width: 100%;
}
section.wb > figure.wbbanner
{
	font-size: 0;
	margin: auto;
	text-align: center;
	width: 941px;
}

section.wb > figure.wbbanner > aside.sidebar {
	display: inline-block;
	width: 259px;
	background-color: #d9d9d9;
	vertical-align: top;
	margin: 0;
	height: 329px;
	font-size: 13px;
}


section.wb > figure.wbbanner > img {
	display: inline-block;
	margin: 0;
	position: relative;
	height: 329px;
	width: 680px;
}

section.wb > figure.wbbanner > aside.sidebar > img.logo {
	margin: 3em 0 0.5em 0;
}

section.wb > figure.wbbanner > aside.sidebar > a
{
	display: inline-block;
	margin: 0.5em;
	margin-top: 1em;
	position: relative;
}

section.wb > figure.wbbanner > aside.sidebar > p > a
{
	text-decoration: underline;
}

section.wb > h1
{
	font: normal 4em 'Dosis-Regular';
	margin: auto;
	margin-top: 0.5em;
	max-width: 15em;
}

	/* #region Features */
	
	section.wb > aside.features
	{
		margin: 3em 0;
		text-align: center;
	}
	section.wb > aside.features > figure.inaction
	{
		border-right: 1px solid #959595;
		display: inline-block;
		margin: 0;
		padding-right: 2em;
		text-align: right;
		vertical-align: middle;
	}
	section.wb > aside.features > figure.inaction> figcaption
	{
		color: #7f7f7f;
		font-size: 0.769em;
		line-height: 2em;
		text-align: center;
		text-transform: uppercase;
	}
	section.wb > aside.features > article.features
	{
		display: inline-block;
		padding: 0;
		padding: 0 2em;
		text-align: left;
		vertical-align: middle;
	}
	section.wb > aside.features > article.features > h6
	{
		font-size: 1em;
		margin: 0;
		margin-bottom: 1em;
	}
	section.wb > aside.features > article.features > ul
	{
		margin: 0;
		padding-left: 1.2em;
	}

	section.wb > aside.features > article.features > ul > li
	{
		margin: 0.75em 0;
	}
	section.wb > aside.features > article.features > ul > li:last-child
	{
		margin-bottom: 0;
	}
	/* #endregion */

/* #region calltoaction */
section.calltoaction
{
	background-color: #dbf3cf;
	padding: 2em 0;
	position: relative;
	text-align: center;
}
section.calltoaction > h2.subhead 
{
	font: normal 2.615em 'Dosis-Regular';
	margin: 0.5em auto;
}
section.calltoaction > p
{
	font-size: 1.250em;
	line-height: 1.5em;
	margin: 1em auto;
	max-width: 730px;
	text-align: center;
}

section.calltoaction > figure.buttons > a
{
	display: inline-block;
	margin: 0 0.5em;
	position: relative;
}
/* #endregion */


/* #region screenshots */
section.screenshots h2 
{
	font: normal 2.615em 'Dosis-Regular';
	margin: 0;
}

section.screenshots
{
	background: #c9ccce url('../images/gray_bg.png') repeat-y center center;
	padding: 2em 0;
	position: relative;
	text-align: center;
}
section.screenshots > h1
{
	font: normal 4em 'Dosis-Regular';
	margin: auto;
	margin-top: 0.5em;
	width: 17em;
}
section.screenshots > div.screens 
{
	display: inline-block;
	max-width: 940px;
}
section.screenshots > div.screens > figure.screenshots
{
	display: inline-block;
	margin: 0;
	padding: 0.5em 0 1.5em 0;
	text-align: center;
	vertical-align: top;
}
section.screenshots > div.screens > figure.screenshots > a
{
	padding: 0 0.3em;
}

section.screenshots > div.screens > figure.screenshots > figcaption
{
	margin: 0 auto;
	width: 207px;
}
/* #endregion */


/* #region Features */
section.features
{
	background: #c9ccce url('../images/gray_bg.png') repeat-y center center;
	padding: 2em 0;
	position: relative;
	text-align: center;
}

section.features article.features
{
	margin-top: 3em;
}

aside.screens
{
	margin-top: 4em;
}

section.features section.description
{
	display: inline-block;
	margin: 0 3em 0 1em;
	vertical-align: middle;
	width: 29em;
}

section.features section.description p.para1
{
	font-size: 1.154em;
	line-height: 1.5em;
	text-align: left;
}

section.features section.description p.para2
{
	font-size: 1.154em;
	line-height: 1.5em;
	text-align: left;
}

aside.screens section.description2
{
	display: inline-block;
	font-size: 1em;
	line-height: 1.5em;
	text-align: left;
	vertical-align: top;
	width: 28em;
	margin-left: 2.5em;
	margin-right: 2.5em;
}

section.features section.description2 h2.paratitles {
  font: normal 3em 'Dosis-Regular';
  margin: 0;
  margin-top: 0.55em;
}

section.features figure.sslarge
{
	display: inline-block;
	font-size: 1em;
	margin: 0 1em 0 0;
	vertical-align: middle;
}

section.features figure.ss
{
	display: inline-block;
	font-size: 1em;
	margin: 2.5em;
	vertical-align: middle;
}

section.features p.bold {
	font-weight: bold;
	margin: 0.9em 0 0 0;
}
section.features p.bold2 {
	font-weight: bold;
}

section.features p {
	margin: 0;
}

/* #endregion */

/* #region WinCustomize */
section.wincustomize
{
	background-color: #f6f6f6;
	padding: 3em 0;
	position: relative;
	text-align: center;
}
section.wincustomize h2
{
	font: normal 2.615em 'Dosis-Regular';
	margin: 0;
}
section.wincustomize a
{
	font-size: 1.125em;
	line-height: 1.5em;
	margin: 1em auto;
	max-width: 730px;
	text-align: center;
	text-decoration: underline;
}
/* #endregion */

/* #region System Requirements */
section.sysreqs
{
	padding: 2em 0;
	position: relative;
	text-align: center;
}
section.sysreqs.gray
{
	background: #c9ccce url('../images/gray_bg.png') repeat-y center center;
	padding: 2em 0;
	position: relative;
	text-align: center;
}
section.sysreqs h2
{
	font: normal 2.615em 'Dosis-Regular';
	margin: 0;
}
/* #endregion */

#notification-message {
  height: 70px;
  background: #ff3e41;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
 }
 #notification-message  .notification-container{
  background: #ff3e41;
  height: 100%;
  margin: 0 auto;
  width: 920px;
 }
 #notification-message img {
  float: left;
  margin: 24px 0 0 15px;
}
#notification-message dl {
  color: #fff;
  font-size: 15px;
  float: left;
  margin: 15px 0 0 15px;
}
#notification-message dl dt {
  font-family: "Segoe UI",sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
#notification-message dl dd {
  margin: 0;
}
#notification-message dl dd a {
  color: #fff;
  text-decoration: underline;
}
#notification-message dl dd a:hover {
  color: #000000;
  text-decoration: underline;
}
#notification-message a.close {
  color: #fff;
  font-family: "Segoe UI",sans-serif;
  font-size: 20px;
  float: right;
  margin-top: 20px;
}
#notification-message a.close:hover {
  color: #571B1B;
  font-family: "Segoe UI",sans-serif;
  font-size: 20px;
  text-decoration: none;
}