/* -------------------------------------------

	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 {
	position:relative;

	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: 20px; /* 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: #000A7F;

		}



	.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;

		}




/*---------------------------------------------------
layer_popup
----------------------------------------------------*/
#layer_popup{position:absolute; left:130px; top:100px; width:600px; height:450px; background:url(/lgekr/microsite/pc/2013/10/windows8.1/_ui/img/popup.jpg) no-repeat;}
#layer_popup a{	position:absolute;	top:401px;	display:inline-block;	width:120px;	height:25px;	text-decoration:none; text-align:center;}
#layer_popup a span{line-height:25px; font-size:12px; color:#fff; font-weight:bold;}
#layer_popup a.ok{	left:175px;}
#layer_popup a.no{	left:308px;}
 #layer_popup a.closed{	top:0px;	left:561px;	display:inline-block;	width:39px;	height:34px;}
 #layer_popup a.closed span{visibility:hidden;}
#layer_popup .info{width:502px; height:280px; padding:20px 25px; overflow:auto; position:absolute; top:57px; left:23px; font:normal 12px "µ¸¿ò", "±¼¸²";}

.care_box {position:relative; padding:10px; border:1px solid #666;}
.care_box h4 {position:absolute; top:-29px; *top:-14px; padding:2px 3px 2px 24px; font-size:13px; color:#c00000; background:#fff url(../img/icon_caution.gif) no-repeat 0 3px;}
.care_box ul, .care_box ul li {list-style:none; margin:0; padding:0;} 
.care_box ul li {padding-left:11px; text-indent:-11px;}

.wwrs-content .care_box {margin-bottom:13px;}