.white-background {
	background-color: #ffffff;
}
/* -------------------------------------------
	Content
	--------------------------------------- */
	.wwrs-module h3 {
	margin: 0 0 10px 0;
	font-size: 27px;
	line-height: 32px;
}
/* ----- HERO ----- */
	.wwrs-hero {
	position: relative;
	height: 400px;
}
.wwrs-hero img {
	display: block;
	position: absolute;
	top: 0;
	left:0;
	z-index: -1;
}
.wwrs-hero .wwrs-bg-purple {
	background: url("../img/landing-hero-graphic-860.png") no-repeat 0 0;
	width: 262px;
	height: 265px;
	padding-left:25px;
	padding-top: 70px;
	color: #FFF;
	font-size: 37.16px;
	line-height: 42.88px;
	display: table;
 *display:block;
}
.wwrs-hero .wwrs-bg-purple span {
 *padding-top:50px;
	display: table-cell;
	display: block;
	vertical-align: middle;
}
.wwrs-hero-subtext {
	font-size: 18px;
}
/* ----- ACTION MID BANNER -----*/
	
	.wwrs-action {
	padding: 15px 27px 15px;
	position: relative;
}
.wwrs-action h2 {
	font-size:27px; /* Changed from 22px */
	width: 330px; /* Changed from 230px */
	color:#666;
}
.wwrs-action .wwrs-btn {
	position: absolute;
	top: 17px;
	left: 330px; /* Changed from 275px */
}
/* ----- CUSTOMIZE SECTION -----*/
	.wwrs-customize {
	position: relative;
	height: 190px; /* Added */
}
.wwrs-customize .wwrs-media {
	position: absolute;
	top: 0;
	left: 0;
}
.wwrs-customize .wwrs-info {
	padding-right: 30px; /* Added */
	padding-top: 10px; /* Added */
}
.wwrs-customize h3 {
	width: 350px; /* Changed from 200px */
}
/* ----- APPS SECTION -----*/
	.wwrs-apps {
	background: url("../img/landing-bg-apps.jpg") no-repeat 0 0;
	height: 360px;
}
.wwrs-module.wwrs-left.wwrs-apps .wwrs-info {
	width: 330px; /* Changed from 190px */
	padding-top: 70px; /* Added */
}
/* ----- MULTITASKING SECTION -----*/
	.wwrs-multitasking .wwrs-info {
	padding-top: 70px; /* Added */
	padding-right: 30px;
}
.wwrs-multitasking h3 {
	width: 330px; /* Changed from 160px */
}
/* ----- DEVICES SECTION -----*/
	.wwrs-devices {
	position: relative;
}
.wwrs-devices .wwrs-media {
	position: absolute;
	top: 20px;
	left: 0;
}
/* ----- PROTECTION SECTION -----*/
	.wwrs-protection {
	background: url("../img/landing-protection.jpg") no-repeat 0 0;
	padding-bottom: 15px;
}
.wwrs-module.wwrs-left.wwrs-protection .wwrs-info {
	width: 190px;
}
.wwrs-protection p {
	margin-bottom: 0;
}
/* ----- ACTION BOTTOM BANNER -----*/
	.wwrs-action-bottom {
	padding: 28px 27px;
}
.wwrs-action-bottom .wwrs-media {
	float: left;
	margin-right: 32px;
}
.wwrs-action-bottom h4 {
	color: #666;
	font-size: 22px;
	float: left;
	display: table;
	width: 220px;
	height: 84px;
	margin:0;
}
.wwrs-action-bottom h4 span {
	vertical-align: middle;
	display: table-cell;
 *display: block;
 *margin: 30px 20px 20px 0;
	color: #666;
}
.wwrs-action-bottom .wwrs-btn {
	float: left;
	margin-top: 33px;
}
/* ----- SMALL PACKAGE -----*/
	.wwrs-small-package {
	background: url("../img/landing-small-package.jpg") no-repeat 0 0;
	color:#FFF;
	padding: 19px 27px;
}
.wwrs-small-package h3, .wwrs-devices h3 {
	width: 330px; /* Changed from 175px */
}
.wwrs-small-package .wwrs-info {
	padding-top: 70px; /* Added */
	padding-left: 30px; /* Added */
}
.wwrs-small-package.wwrs-left {
	background-image: url("../img/landing-small-package-2.jpg");
	height: 310px; /* Added */
}
/* ----- UPDATE PC -----*/
	.wwrs-module.wwrs-left.wwrs-update-pc .wwrs-info {
	width: 232px;
}
.wwrs-update-pc .wwrs-media img {
	display: block;
	float: right;
	margin-top: 20px;
}
.wwrs-right.wwrs-update-pc .wwrs-media img {
	display: block;
	float: left;
	margin-top: 20px;
}
.wwrs-update-pc ul {
	padding-left: 18px;
}
.wwrs-update-pc ul li {
	margin-bottom: 10px;
}
/* ----- LATEST FEATURES -----*/
	.wwrs-module.wwrs-latest-features {
	min-height: 0;
	padding: 30px 27px 20px;
}
.wwrs-latest-features h3 {
	font-size: 22px;
}
/* ----- FIND YOUR DEVICE -----*/
	.wwrs-find-device {
	padding-bottom: 50px;
}
.wwrs-find-device .wwrs-desktop {
	width: 215px;
	margin-right: 68px;
	float: left;
	margin-left: 110px; /* Added */
}
.wwrs-module.wwrs-left.wwrs-desktop .wwrs-info {
	width: 210px;
}
.wwrs-find-device .wwrs-tablet {
	width: 178px;
	float: left;
	padding-left: 50px; /* Added */
}
.wwrs-find-device a {
	margin-top: 27px;
}
.wwrs-find-device h3 {
	font-size: 27px; /* Changed from 22px */
	color: #666;
}
/* ----- OFFICE SECTION -----*/	
	.wwrs-office {
	background: url("../img/landing-update-office.jpg") no-repeat 0 0;
	height: 190px;
}
/* ----- DESKTOP SECTION -----*/
	.wwrs-module.wwrs-desktop {
	min-height: 140px;
	padding: 45px 27px;
}
.wwrs-module.wwrs-desktop .wwrs-info {
	padding-top: 30px; /* Added */
	padding-right: 30px; /* Added */
}
.wwrs-desktop h3 {
	width: 260px;
	position: relative;
}
/* ----- SEARCH SECTION -----*/	
	.wwrs-module.wwrs-skydrive {
	padding-top: 20px;
	padding-bottom: 15px;
}
.wwrs-module.wwrs-left.wwrs-skydrive .wwrs-info {
	width: 330px; /* Changed from 210px */
	padding-top: 70px; /* Added */
	padding-left: 20px; /* Added */
}
/* -------------------------------------------
	End Content
	--------------------------------------- */

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

	JS PANEL
	* CSS Styles that are needed by jScrollPane for it to operate correctly.

	--------------------------------------- */
.jspContainer {
	overflow: hidden;
	position: relative;
}
.jspPane {
	position: absolute;
}
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
}
.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	right: 9px;
	width: 100%;
	height: 4px;
}
.jspVerticalBar *, .jspHorizontalBar * {
	margin: 0;
	padding: 0;
}
.jspCap {
	display: none;
}
.jspHorizontalBar .jspCap {
	float: left;
}
.jspTrack {
	background: #40cdf5;
	position: relative;
	width: 180px;
}
.jspDrag {
	background: #ffffff;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}
.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow {
	height: 16px;
}
.jspHorizontalBar .jspArrow {
	width: 14px;
	float: left;
	height: 100%;
	display: none;
}
.jspVerticalBar .jspArrow:focus {
	outline: none;
}
.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}
/*init caps*/
.wwrs-scroll-pane {
	width: 100%;
	height: 200px;
	overflow: auto;
}
.jspCap {
	display: block;
	background: #180052;
}
.jspHorizontalBar {
	width: 200px;
	top: 172px;
}
/*end caps*/

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}
#win8bom-flashSlider {/*height:193px;*/
	padding-bottom: 12px;
	width:540px
}
.flashSlider-content {
	overflow: hidden;
	height: 179px;
	margin-top: 25px;
	width: 100%;
	overflow: auto;
	position: relative;
	visibility:hidden;
}
.flashSlider-content .sliderDescription {
	width:272px;
	float: left;
}
.flashSlider-content .middleGalery {
	width: 320px;
	float: left;
	margin-right:10px;
}
.flashSlider-content .rightGalery {
	width:215px;
	float: left;
}
.flashSlider-content .background {
	background-color: #000;
	height: 162px;
	left: 0;
	opacity: 0.4;
	filter: alpha(opacity=40);
	position:absolute;
	top: 0;
	width: 1000px;
	display:none
}
.flashSlider-content ul {
	list-style-type: none;
	padding:0;
	margin:0
}
.flashSlider-content .scroll-galery {
	background: url("../img/flashslider-galery.jpg") no-repeat;
	float:left;
	margin:2px;
}
.flashSlider-content .small-image {
	height:50px;
	width:49px;
}
.flashSlider-content .large-image {
	height:50px;
	width:103px;
}
.flashSlider-content .selected {
	position:relative;
	z-index: 1;
}
.flashSlider-content .overlay {
	background-color: #FFFFFF;
	height: 50px;
	left: -214px;
	overflow: hidden;
	position: absolute;
	width: 210px;
}
.flashSlider-content .overlay small {
	color:#646060;
	display: block;
	font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
	font-size: 9px;
	line-height: 9px;
	overflow: hidden;
	padding: 0 10px;
	width: 178px;
}
.flashSlider-content .middleGalery .image-1 {
	background-position:0 0;
}
.flashSlider-content .middleGalery .image-2 {
	background-position:-108px 0;
}
.flashSlider-content .middleGalery .image-3 {
	background-position:-216px 0;
}
.flashSlider-content .middleGalery .image-4 {
	background-position:-269px 0;
}
.flashSlider-content .middleGalery .image-5 {
	background-position:0 -54px;
}
.flashSlider-content .middleGalery .image-6 {
	background-position:-108px -54px;
}
.flashSlider-content .middleGalery .image-7 {
	background-position:-216px -54px;
}
.flashSlider-content .middleGalery .image-8 {
	background-position:-270px -54px;
}
.flashSlider-content .middleGalery .image-9 {
	background-position:0 -108px;
}
.flashSlider-content .middleGalery .image-10 {
	background-position:-54px -108px;
}
.flashSlider-content .middleGalery .image-11 {
	background-position:-108px -108px;
}
.flashSlider-content .middleGalery .image-12 {
	background-position:-216px -108px;
}
.flashSlider-content .rightGalery .image-1 {
	background-position:-322px 0;
}
.flashSlider-content .rightGalery .image-2 {
	background-position:-429px 0;
}
.flashSlider-content .rightGalery .image-3 {
	background-position:-322px -54px;
}
.flashSlider-content .rightGalery .image-4 {
	background-position:-376px -54px;
}
.flashSlider-content .rightGalery .image-5 {
	background-position:-429px -54px;
}
.flashSlider-content .rightGalery .image-6 {
	background-position:-322px -108px;
}
.flashSlider-content .rightGalery .image-7 {
	background-position:-376px -108px;
}
.flashSlider-content .rightGalery .image-8 {
	background-position:-429px -108px;
}