.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("/ae/window81/_ui/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("/ae/window81/_ui/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("/ae/window81/_ui/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("/ae/window81/_ui/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("/ae/window81/_ui/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("/ae/window81/_ui/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("/ae/window81/_ui/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;}

