/* -------------------------------------------
	Windows Holiday BOM
	Client: Microsoft Inc
	Author: [JM]
	All rights reserved. 2013
	[Production] Page styles
	--------------------------------------- */


/* -------------------------------------------
	Formatting & Base styles
	--------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background-color: #e4e4e4;
}
/* Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
/* Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video {
	display: inline-block;
}
h1, h2 {
	margin: 0;
}
/* Address differences between Firefox and other browsers. */
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
img {
	border: 0;
}
/* ----- Helper rules ----- */

/* Image replacement for text */
.wwrs-ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	text-indent: -9999px;
}
.wwrs-ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}
/* Clearfix */
.wwrs-cf:before, .wwrs-cf:after {
	content: " ";
	display: table;
}
.wwrs-cf:after {
	clear: both;
}
.wwrs-cf {
 *zoom: 1;
}
/* -------------------------------------------
	Chrome styles
	--------------------------------------- */

/* ----- Fonts ----- */

.wwrs-wrapper, .wwrs-wrapper .wwrs-faq h2 {
	font-family: 'Segoe Pro', 'Segoe UI', Segoe, Arial, sans-serif;
	font-weight: normal;
}
.wwrs-wrapper h1, .wwrs-wrapper h2, .wwrs-wrapper h3, .wwrs-wrapper h4, .wwrs-top-header nav, .wwrs-headline {
	font-family: 'Segoe Pro Light', 'Segoe UI Light', 'Segoe Light', Segoe, Arial, sans-serif;
	font-weight: 100;
}
.wwrs-wrapper strong, .wwrs-video-controls span, .wwrs-video-info h2 {
	font-family: 'Segoe Pro Bold', 'Segoe UI Bold', Segoe Bold, Segoe, Arial, sans-serif;
}
/* ----- Sprites ----- */

.wwrs-srp-elements, .wwrs-logo-windows, .wwrs-logo-microsoft, .wwrs-video-controls .wwrs-frame, .wwrs-video-play, .wwrs-features li i, .wwrs-expandable i, .wwrs-tablet-controls a {
	background: url("../img/general-sprite-elements.png") no-repeat;
}
/* ----- Buttons ----- */

.wwrs-btn {
	padding: 5px 12px;
	display: inline-block;
	background-color: #9c9c9c;
	text-decoration: none;
	font-size: 16px; /* Changed from 12px */
	line-height: 1.4em;
	cursor: pointer;
	-webkit-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
}
.wwrs-btn:hover {
	background-color: #707070;
}
.wwrs-btn.wwrs-cyan:hover {
	background-color: #009af2;
}
.wwrs-btn.wwrs-purple:hover {
	background-color: #9b3196;
}
.wwrs-btn.wwrs-white:hover {
	background-color: #FAFAFA;
}
/* ----- Titles ----- */

.wwrs-module h1 {
	margin: 0 0 10px 0;
	font-size: 27px;
	line-height: 30px;
}
.wwrs-hero h1 {
	font-size: 30px;
	line-height: 36px;
}
.wwrs-headline {
	clear: both;
	font-size: 26px;
}
.wwrs-module .wwrs-headline {
	margin-top: 5px;
	margin-bottom: 15px;
}
/* ----- Titles ----- */

.wwrs-unformat {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* ----- Background color for elements ----- */

.wwrs-cyan, .wwrs-purple, .wwrs-btn {
	color: #FFF;
}
.wwrs-cyan, .wwrs-btn.wwrs-cyan {
	background: #00bcf2;
}
.wwrs-purple, .wwrs-btn.wwrs-purple {
	background: #9b4f96;
}
.wwrs-white, .wwrs-btn.wwrs-white {
	background: #FFF;
}
/* ----- Text color for elements  ----- */

.wwrs-text-gray, .wwrs-text-gray a {
	color: #505050;
}
.wwrs-text-gray-light, .wwrs-text-gray-light a {
	color: #666;
}
.wwrs-text-cyan, .wwrs-text-cyan a {
	color: #00bcf2;
}
.wwrs-text-purple, .wwrs-text-purple a, .wwrs-top-header .wwrs-active a {
	color: #9b4f96;
}
/* ----- Main container ----- */

.wwrs-wrapper {
	width: 860px; /* Changed */
	margin: 0 auto;
	font-size: 16px; /* Changed from 12px */
	color: #000;
}
/* ----- Module formatting ----- */

.wwrs-module {
	padding: 20px 27px;
	overflow: hidden;
	min-height: 190px;
}
/* Module hero */
	.wwrs-module.wwrs-hero {
	font-size: 16px;
	line-height: 1.25em;
}
/* Module offset padding spacing */
	.wwrs-module.wwrs-nospace {
	padding: 0;
}
.wwrs-module.wwrs-nospace-vertical {
	padding-top: 0;
	padding-bottom: 0;
}
.wwrs-module.wwrs-offset {
	padding: 20px 0;
}
.wwrs-module.wwrs-offset-right {
	padding-right: 0;
}
.wwrs-module.wwrs-offset-left {
	padding-left: 0;
}
/* Module children elements size */
	.wwrs-module.wwrs-left .wwrs-info, .wwrs-module.wwrs-right .wwrs-info {
	width: 338px; /* Changed from 237px */
}
.wwrs-module .wwrs-media {
	width: 400px; /* Separated from above block */
}
/* Module children elements alignment */
	.wwrs-module.wwrs-left .wwrs-info {
	float: left;
}
.wwrs-module.wwrs-left .wwrs-media {
	float: right;
}
.wwrs-module.wwrs-right .wwrs-info {
	float: right;
}
.wwrs-module.wwrs-right .wwrs-media {
	float: left;
}
/* -------------------------------------------
	Header
	--------------------------------------- */

.wwrs-top-header .wwrs-row {
	padding: 20px 27px 15px;
}
.wwrs-top-header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 18px; /* Changed from 16px */
}
.wwrs-top-header li {
	padding-right: 20px;
	display: inline;
}
.wwrs-top-header a {
	text-decoration: none;
	color: #75787D;
}
.wwrs-top-header a:hover {
	color: #474A4E;
}
.wwrs-logo-windows {
	width: 92px;
	height: 22px;
	margin: 0;
	background-position: 0 0;
	float: right;
}
.logo, nav, nav ul {
	display: inline;
}
.logo {
	float: left;
}
nav {
	margin-left: 50px;
}
nav {
	margin-top: -20px;
}
.clear {
	clear: both;
}
/* -------------------------------------------
	Content
	--------------------------------------- */


/* -------------------------------------------
	Footer
	--------------------------------------- */

.wwrs-footer {
	padding: 14px 27px;
	background-color: #442359;
}
.wwrs-logo-microsoft {
	float: right;
	width: 45px;
	height: 10px;
	display: block;
	background-position: 0 -33px;
}
/* -------------------------------------------
	Disclaimers
	--------------------------------------- */

.wwrs-disclaimer {
	padding: 17px 27px;
	font-size: 13px; /* Changed from 9px */
	color: #a2a7aa;
}
.wwrs-disclaimer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.wwrs-disclaimer li {
	margin-bottom: 7px;
}
.wwrs-update-info {
	width:420px;
	float: right;
	margin-top:30px
}
.wwrs-update-clean-install {
	width:340px;
	float: right;
	margin-top:60px
}
/* -------------------------------------------
	FAQ
	--------------------------------------- */

.faq-div {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d6d6d6;
	width: 860px;
	margin-left: -27px;
	padding-top: 25px;
	padding-left: 26px;
	margin-top: 20px;
	background-color: #f1f2f2;
	height: 70px;
	margin-bottom:-20px;
}
.faq-line {
	margin-bottom:20px
}