
body.v6.hardware {
	font-family: Arial, Helvetica, sans-serif;
}

.hardware .page_content_container {
	margin-bottom: 20px;
}
.hardware .heading {
	color: #ffffff;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 200; /* thin */

			font-size: 48px;
	text-transform: uppercase;
}
.hardware .subtitle {
	color: #53c5cf;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

			font-size: 18px;
	text-transform: uppercase;
}

.hardware .paragraph {
	color: #c0c0c0;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 200; /* thin */

			font-size: 16px;
	line-height: 32px;
}

.hardware .imageleft {
	float: left;
	left: -60px;
	position: relative;
	background-repeat: no-repeat;
	width: 586px;
	height: 440px;
	z-index: 2;
}

.hardware .imageright {
	float: right;
	background-repeat: no-repeat;
	width: 586px;
	height: 440px;
	z-index: 2;
	right: -60px;
	position: relative;
}

.hardware .controller {
	background-image: url(/public/images//promo/hardware/controller_heroimage.png);
}

.hardware .steamlink {
	background-image: url(/public/images//promo/hardware/steamlink_heroimage.png);
}

.hardware .alienware {
	background-image: url(/public/images//promo/hardware/alienware_heroimage.png);
}

.hardware .syber {
	background-image: url(/public/images//promo/hardware/syber_heroimage.png);
}

.hardware .feature {
	height: 440px;
	margin-top: 40px;
}

.hardware .feature_right {
	margin-left: 300px;
	position: relative;
	left: -30px;
}

.hardware .bggradient_right {
	background-image: url(/public/images//promo/hardware/gradient4heroimage.png);
	background-repeat: repeat-y;
	height: 440px;
}

.hardware .cyanbar {
	background-image: url(/public/images//promo/hardware/cyan_accentline.png);
	background-repeat: no-repeat;
	width: 135px;
	height: 9px;
	float: left;
}

.hardware .featuretitle {
	padding-top: 40px;
	padding-bottom: 20px;
}

.hardware .titlebold {
	color: #ffffff;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: bold; /* bold */

			font-size: 32px;
	text-transform: uppercase;
}

.hardware .titlelight {
	color: #ffffff;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

			font-size: 32px;
	text-transform: uppercase;
}

.hardware .feature_right .featuretext {
	color: #53c5cf;
}

.hardware .bggradient_left {
	background-image: url(/public/images//promo/hardware/gradient4heroimage_2.png);
	background-repeat: repeat-y;
	height: 440px;
}

.hardware .bluebar {
	background-image: url(/public/images//promo/hardware/babyblue_accentline.png);
	background-repeat: no-repeat;
	width: 135px;
	height: 9px;
	float: left;
}


.hardware .feature_left .featuretext {
	color: #1995cf;
	max-width: 370px;
}

.hardware .feature_left .featuretextwrapper {
	max-width: 400px;
	min-height: 280px;
	max-height: 280px;
}

.hardware .feature_right .featuretextwrapper {
	max-width: 630px;
	min-height: 280px;
	max-height: 280px;
}

.hardware .feature_bundle {
	background-image: url(/public/images//promo/hardware/bundle_gradient.png);
	height: 72px;
	margin-top: 30px;
	margin-bottom: 40px;
	background-repeat: no-repeat;
	width: 1000px;
	margin-left: -200px;
	padding-left: 200px;
	clear: both;
}

.hardware .bundletitle {
	padding-top: 25px;
	padding-bottom: 20px;
	float: left;
}

.hardware .bundlebold {
	color: #ffffff;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: bold; /* bold */

			font-size: 20px;
	text-transform: uppercase;
}

.hardware .bundlelight {
	color: #ffffff;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

			font-size: 20px;
	text-transform: uppercase;
}

.hardware .subheading {
	color: #ffffff;
	font-size: 32px;
	text-transform: uppercase;
}

.hardware .subheading .bold {
			font-family: "Motiva Sans", Sans-serif;
		font-weight: bold; /* bold */

		}

.hardware .subheading .light {
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

		}

.hardware .moretocome, .hardware .moretocome a{
	text-align: center;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

			font-size: 18px;
	color: #53c5cf;
	text-transform: uppercase;
	margin-top: 40px;
}

.hardware .bundleprice {
	float: right;
	margin-right: 60px;
	margin-top: 19px;
}

.hardware .feature_right .featureprice {
	position: relative;
	left: 285px;
	top: -60px;
	clear: both;
	width: 500px;
}

.hardware .feature_left .featureprice {

}

.hardware .buttonsright {
	float: right;
	margin-right: -40px;
	margin-left: -465px;
}


@media screen and (max-width: 910px)
{
	html.responsive .hardware .paragraph {
		line-height: inherit;
		text-align: center;
	}

	html.responsive .hardware .subtitle {
		text-align: center;
	}

	html.responsive .hardware .heading {
		text-align: center;
	}

	html.responsive .hardware .titlebold,
	html.responsive .hardware .titlelight,
	html.responsive .hardware .subheading {
		text-align: center;
	}

	html.responsive .hardware .featuretitle {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	html.responsive .hardware .imageleft {
		float: inherit;
		background-size: 100%;
		margin: auto;
		left: 0;
		width: auto;
	}

	html.responsive .hardware .imageright {
		float: inherit;
		background-size: 100%;
		margin: auto;
		left: 0;
		width: auto;
	}

	html.responsive .hardware .cyanbar,
	html.responsive .hardware .bluebar
	{
		background-image: none;
	}

	html.responsive .hardware .bggradient_right,
	html.responsive .hardware .bggradient_left {
		background-image: none;
		background-repeat: none;
		height: inherit;
		clear: both;
	}

	html.responsive .hardware .feature_right {
		margin-left: 0;
		position: inherit;
		left: 0;
	}

	html.responsive .hardware .featuretitle {
		text-align: center;
	}

	html.responsive .hardware .feature_right .featuretextwrapper,
	html.responsive	.hardware .feature_left .featuretextwrapper {
		max-width: 100%;
		min-height: initial;
		max-height: initial;
		text-align: center;
	}

	html.responsive .hardware .feature_right .featureprice,
	html.responsive .hardware .feature_left .featureprice {
		position: relative;
		left: 0;
		top: 0;
		width: auto;
		clear: none;
		margin: 20px auto;
		text-align: center;
	}

	html.responsive .hardware .feature {
		height: initial;
	}

	html.responsive .hardware .buttonsright,
	html.responsive .hardware .buttonsleft {
		float: inherit;
		margin: 20px auto;
	}
}

@media screen and (max-width: 480px) {

	html.responsive .hardware .paragraph {
		line-height: inherit;
		text-align: center;
	}

	html.responsive .hardware .heading {
		font-size: 32px;
		text-align: center;
	}

	html.responsive .hardware .subtitle {
		text-align: center;
	}

	html.responsive .hardware .titlebold,
	html.responsive .hardware .titlelight,
	html.responsive .hardware .subheading {
		font-size: 24px;
		text-align: center;
	}

	html.responsive .hardware .featuretitle {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	html.responsive .hardware .imageleft {
		float: inherit;
		background-size: 100%;
		left: 0;
		width: auto;
		height: 270px;
	}

	html.responsive .hardware .imageright {
		float: inherit;
		background-size: 100%;
		left: 0;
		width: auto;
		height: 270px;
	}

	html.responsive .hardware .cyanbar,
	html.responsive .hardware .bluebar
	{
		background-image: none;
	}

	html.responsive .hardware .bggradient_right,
	html.responsive .hardware .bggradient_left {
		background-image: none;
		background-repeat: none;
		height: inherit;
		clear: both;
	}

	html.responsive .hardware .feature_right {
		margin-left: 0;
		position: inherit;
		left: 0;
	}

	html.responsive .hardware .featuretitle {
		text-align: center;
	}

	html.responsive .hardware .feature_right .featuretextwrapper,
	html.responsive	.hardware .feature_left .featuretextwrapper {
		max-width: 100%;
		min-height: initial;
		max-height: initial;
		text-align: center;
	}

	html.responsive .hardware .feature_right .featureprice,
	html.responsive .hardware .feature_left .featureprice {
		position: relative;
		left: 0;
		top: 0;
		width: auto;
		clear: none;
		margin: 20px auto;
		text-align: center;
	}

	html.responsive .hardware .feature {
		height: initial;
	}

	html.responsive .hardware .buttonsright,
	html.responsive .hardware .buttonsleft {
		float: inherit;
		margin: 20px auto;
	}
}

@media screen and (max-width: 320px) {

	html.responsive .hardware .paragraph {
		line-height: inherit;
		text-align: center;
		font-size: 15px;
	}

	html.responsive .hardware .subtitle {
		text-align: center;
	}

	html.responsive .hardware .heading {
		font-size: 32px;
		text-align: center;
	}

	html.responsive .hardware .titlebold,
	html.responsive .hardware .titlelight,
	html.responsive .hardware .subheading {
		font-size: 24px;
		text-align: center;
	}

	html.responsive .hardware .featuretitle {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	html.responsive .hardware .imageleft {
		float: inherit;
		background-size: 100%;
		left: 0;
		width: auto;
		height: 231px;
	}

	html.responsive .hardware .imageright {
		float: inherit;
		background-size: 100%;
		left: 0;
		width: auto;
		height: 231px;
	}

	html.responsive .hardware .cyanbar,
	html.responsive .hardware .bluebar
	{
		background-image: none;
	}

	html.responsive .hardware .bggradient_right,
	html.responsive .hardware .bggradient_left {
		background-image: none;
		background-repeat: none;
		height: inherit;
		clear: both;
	}

	html.responsive .hardware .feature_right {
		margin-left: 0;
		position: inherit;
		left: 0;
	}

	html.responsive .hardware .featuretitle {
		text-align: center;
	}

	html.responsive .hardware .feature_right .featuretextwrapper,
	html.responsive	.hardware .feature_left .featuretextwrapper {
		max-width: 100%;
		min-height: initial;
		max-height: initial;
		text-align: center;
	}

	html.responsive .hardware .feature_right .featureprice,
	html.responsive .hardware .feature_left .featureprice {
		position: relative;
		left: 0;
		top: 0;
		width: auto;
		clear: none;
		margin: 20px auto;
		text-align: center;
	}

	html.responsive .hardware .feature {
		height: initial;
	}

	html.responsive .hardware .buttonsright,
	html.responsive .hardware .buttonsleft {
		float: inherit;
		margin: 20px auto;
	}
}

/* v2 css */

div#store_header {
	height: 50px;
}

.page_content.hardware_sub_nav {
	text-align: center;
	background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/BG_Nav.png);
	background-size: cover;
}

.hardware_sub_nav > a {
	display: inline-block;
	padding: 30px 15px;

	font-size: 14px;
	color: #5fd9ff;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

			text-transform: uppercase;
}
.hardware_sub_nav > a:hover {
	text-shadow: 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff;
	color: #fff;
}



.responsive_page_content {

	background-repeat: no-repeat;
	background-position: top center;
}

.carousel {
	position: relative;
	overflow: hidden;
	height: 517px;
	width: 940px;
	font-size: 0px;
}

	.carousel .content_container {
		position: absolute;
		transition-property: left;
		transition-duration: 0.5s;
		left: 0px;
	}

	.carousel .item {
	position: relative;
	display: inline-block;
	height: 517px;
	width: 940px;
		vertical-align: top;
}

	.carousel .navigation {
		position: absolute;

		bottom: 20px;
		left: 20px;
	}

	.carousel .navigation a {
		display: inline-block;
		width: 7px;
		height: 7px;
		vertical-align: top;
		margin: 0 7px;
		background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/Pip_Carousel_Rest.png);
	}

		.machines .carousel .navigation > a.viewmore {
			width: auto;
			background-image: none;
			font-size: 18px;
				font-family: "Motiva Sans", Sans-serif;
		font-weight: 500; /* medium */

					line-height: 33px;
			color: #5fd9ff;

			border-left: 1px solid #5fd9ff;
			padding-left: 20px;
			margin-left: 20px;
			text-transform: uppercase;
		}

		.machines .carousel .navigation > a.viewmore .pip {
			margin: 7px;
		}

		.carousel .navigation a:hover {
			background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/Pip_Carousel_Rollover.png);
		}

		.carousel .navigation a.focused {
			background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/Pip_Carousel_Focus.png);
		}

	.carousel .controls {
		width: 20px;
		height: 20px;
		position: absolute;
		top: 195px;
		display: block;
	}

		.carousel .controls.next {
			right: 10px;
			background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/Arrow_TopCarousel_Rt.png);
		}

		.carousel .controls.next:hover {
			background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/Arrow_TopCarousel_Rt_Rollover.png);
		}

		.carousel .controls.previous {
			left: 10px;
			background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/Arrow_TopCarousel_Lt.png);
		}

		.carousel .controls.previous:hover {
			left: 10px;
			background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/Arrow_TopCarousel_Lt_Rollover.png);
		}

.video {
	width: 860px;
	height: 484px;
	margin: 40px 40px 40px 40px;
	box-shadow: 0px 0px 3px #000;
}

	.video video {
		width: 860px;
		height: 484px;
	}

.hardware_content_strip {

	position: relative;
	background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/BG_ContentBG_Controller+Link+Machines.jpg);
	overflow: visible; /* MARGIN COLLAPSE WHY */
}

a.anchor {
	display: block;
	overflow: hidden;
}

.wrapping_col {
	position: relative;
}

	.wrapping_col.right {
		margin-left: 446px;
	}

	.wrapping_col.left {
		margin-left: 40px;
	}

	.wrapping_col.link {
		margin-top:100px;
		width: 470px;
		height: 480px;
	}

		.wrapping_col.link .features, .wrapping_col.controller .features {
			position: absolute;
			top: 104px;
			left: -13px;
			width: 500px;

		}

		.wrapping_col.link .features {
			top: 106px;
		}

	.wrapping_col.controller {
		margin-top: 72px;
		height: 640px;
	}

	.wrapping_col.vive {
		text-align: center;	
		margin: 0px 80px 0;
	}

	.wrapping_col.vive .description{
		text-align: left;
	}

	.wrapping_col.vive .features{
		position: absolute;
		top: 105px;
		left: 137px;
		width: 500px;
	}

	.wrapping_col.vive {
		text-align: center;
		height: 730px;
	}

	.vive_container{
		margin-top: -45px;
		padding-top: 45px;
		background: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/BG_ViveBG_Launch.png);
		max-width: 940px;
		position: relative;
		overflow: visible;
	}

	.vive_title{
			font-family: "Motiva Sans", Sans-serif;
		font-weight: bold; /* bold */

				color: #ffffff;
		font-size: 22px;
	}

	.htc_link_container{
		position: absolute;
		top: 600px;
		left: 270px;
		margin-top: 35px;
	}

	.htc_link_container .learnmore {
		display:block;
		text-align: center;
		padding-top: 5px;
		font-size: 13px;
		line-height: 19px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 500; /* medium */

				color: #5fd9ff;
	}

	.htc_link_container .learnmore:hover {
		color: #b4edff;
	}


	.htc_link_container .learnmore .pip {
		vertical-align: top;
		display: inline-block;
		width: 19px;
		height: 19px;
		background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/Arrow_Inline_Text_Link.png);

	}

	.htc_link_container .learnmore:hover .pip {
		background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/Arrow_Inline_Text_Link_Rollover.png);
	}

	.steamvr_title{
			font-family: "Motiva Sans", Sans-serif;
		font-weight: bold; /* bold */

				color: #ffffff;
		font-size: 22px;
	}

	.steamvr_link_container{
		position: absolute;
		top: 600px;
		left: 410px;
		margin-top: 35px;
	}

	.steamvr_link_container .learnmore {
		display:block;
		text-align: center;
		padding-top: 5px;
		font-size: 13px;
		line-height: 19px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 500; /* medium */

				color: #5fd9ff;
	}

	.steamvr_link_container .learnmore:hover {
		color: #b4edff;
	}


	.steamvr_link_container .learnmore .pip {
		vertical-align: top;
		display: inline-block;
		width: 19px;
		height: 19px;
		background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/Arrow_Inline_Text_Link.png);

	}

	.steamvr_link_container .learnmore:hover .pip {
		background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/Arrow_Inline_Text_Link_Rollover.png);
	}

	.wrapping_col h1 {
			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

				font-weight: normal;
		font-size: 48px;
		color: #fff;
	}

	body.v6 .wrapping_col h2 {
			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

				font-weight: normal;
		font-size: 18px;
		color: #fff;
		margin-top: 3px;
	}



	.features > div:not(.line) { /* Forgive me CSS, I have sinned */
		display: inline-block;
		text-align: center;
		height: 39px;
		vertical-align: top;
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
	}

	.features > div.line {
		display: inline-block;
		vertical-align: top;
		width: 1px;
		background-color: #a5c6d9;
		height: 40px;
		margin: 10px 0;
	}


	.wrapping_col .description {
		margin: 100px 20px 0 0;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 200; /* thin */

				font-size: 18px;
		line-height: 24px;
	}

	.wrapping_col .game_purchase_action {
		margin-top: 33px;
	}

	.wrapping_col.machines {
		margin: 45px 80px 0;
		text-align: center;

		height: 775px;
	}

		.wrapping_col.machines .description {
			text-align: left;
		}

		.wrapping_col.machines .features {
			position: absolute;
			top: 102px;
			left: 140px;
			width: 500px;
		}


.landing_capsule {
}

	.landing_capsule img {
		position: absolute;
		top: 0;
		left: 0;
	}

	.landing_capsule .title {
		padding: 130px 450px 0 40px;
		line-height: 50px;
		font-size: 48px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

				position: relative;
		color: #fff;
	}

	.landing_capsule .desc {
		padding: 15px 450px 0 40px;
		font-size: 18px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

				position: relative;
		color: #fff;
	}

.machines .carousel {
	position: absolute;
	top: 310px;
	left: -80px;
	height: 430px;
}

	.machines .carousel .navigation {
		width: 940px;
		left: 0;
		text-align: center;
	}

	.machines .carousel .navigation > a {
		width: 56px;
		height: 33px;
	}

	.machines .carousel .navigation > a.focused .normal {
		display: none;
	}

	.machines .carousel .navigation > a:not(.focused) .focus {
		display: none;
	}


	.machines .carousel .item .title {
		position: absolute;
		width: 940px;
		left: 0;
		text-align: center;
		top: 310px;

		font-size: 24px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 500; /* medium */

		
		color: #fff;
	}

	.machines .carousel .item .learnmore {
		position: absolute;
		width: 940px;
		left: 0;
		text-align: center;
		top: 340px;

		font-size: 13px;
		line-height: 19px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 500; /* medium */

		
		color: #5fd9ff;
	}

	.machines .carousel .item .learnmore:hover {
		color: #b4edff;
	}


	.machines .carousel .item .learnmore .pip {
		vertical-align: top;
		display: inline-block;
		width: 19px;
		height: 19px;
		background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/Arrow_Inline_Text_Link.png);

	}

		.machines .carousel .item .learnmore:hover .pip {
			background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/Arrow_Inline_Text_Link_Rollover.png);
		}

.game_capsule .title {
	padding: 420px 40px 0 ;

	font-size: 18px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 500; /* medium */

			position: relative;
	color: #fff;
}

.game_capsule {
}

	.game_capsule img {
		position: absolute;
		top: 0;
		left: 0;
	}

	.game_capsule .title {
		padding: 420px 40px 0 ;

		font-size: 18px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 500; /* medium */

				position: relative;
		color: #fff;
	}

	.game_capsule .desc {
		padding: 5px 40px 0;
		font-size: 24px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

				position: relative;
		color: #fff;
	}

.pip {
	vertical-align: top;
	display: inline-block;
	width: 19px;
	height: 19px;
	background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/Arrow_Inline_Text_Link.png);

}

.features {

}

	.features > div > div {
		display: block;
		color: #fff;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 200; /* thin */

			}

	.features .three {
		padding-top: 5px;
		padding-bottom: 5px;
	}

		.features .three > div {
			font-size: 18px;
				font-family: "Motiva Sans", Sans-serif;
		font-weight: 500; /* medium */

				}

		.features .three > div:first-child, .features .three > div:last-child {
			font-size: 12px;
				font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

				}

	.features .two_high, .features .two_low  {
		padding-top: 9px;

	}

		.features .two_high > div:first-child {
			font-size: 20px;
				font-family: "Motiva Sans", Sans-serif;
		font-weight: 500; /* medium */

				}

		.features .two_high > div:last-child {
			font-size: 12px;
		}


		.features .two_low > div:last-child {
			font-size: 20px;
				font-family: "Motiva Sans", Sans-serif;
		font-weight: 500; /* medium */

				}

		.features .two_low > div:first-child {
			font-size: 12px;
		}

.about_footer {
	background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/BG_ContentBG_Steam.jpg);
	height: 348px;
	text-align: center;
	padding: 0px 140px;
	color: #fff;

}

	.about_footer > img {
		padding-top: 40px;
	}

	.about_footer .gamers {
		padding-top: 15px;
		text-align: center;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 500; /* medium */

				font-size: 24px;
	}

	.about_footer .steam {
		padding-top: 5px;
		text-align: center;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

				font-size: 14px;
	}

	.about_footer .learnmore {
		display:block;
		text-align: center;
		padding-top: 40px;
		font-size: 13px;
		line-height: 19px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 500; /* medium */

		
		color: #5fd9ff;
	}

	.about_footer .learnmore:hover {
		color: #b4edff;
	}


	.about_footer .learnmore .pip {
		vertical-align: top;
		display: inline-block;
		width: 19px;
		height: 19px;
		background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/Arrow_Inline_Text_Link.png);

	}

	.about_footer .learnmore:hover .pip {
		background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/Arrow_Inline_Text_Link_Rollover.png);
	}


body.v6 #footer_spacer {
	height: 207px;
}

@media screen and (max-width: 910px)
{
	.page_content {
		width: 100%;
	}

	.video video {
		width: 100%;
		height: auto;
	}

	.video {
		width: auto;
		height: auto;
	}


	.left.wrapping_col, .right.wrapping_col, .wrapping_col.machines, .wrapping_col.vive {
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
		padding: 20px;
		background-color: rgba(0,0,0,0.5);
		height: auto;
	}

	#machines_carousel {
		position: relative;
		top: 0;
		left: -20px;
	}

	.wrapping_col.controller .features,
	.wrapping_col.link .features,
	.wrapping_col.machines .features,
	.wrapping_col.vive .features,
	.htc_link_container {
		position:relative;
		top: auto;
		left: -20px;
		width: auto;
		height: auto;
		text-align: center;
	}

	.wrapping_col .features > div {
		margin-top: 10px;
		padding: 10px;
		background-color: rgba(0,0,0,0.5);
		border-radius: 4px;
		height: auto;
	}

	.features > div.line {
		display: none;
	}

	.about_footer {
		padding-left: 20px;
		padding-right: 20px;
	}

	.wrapping_col .features > div.two_high, .wrapping_col .features > div.two_low {
		padding: 15px 20px;
	}

}

/* Steam Machines page */

.sm_container {
	background-color: #154c76;
}

.sm_header {
	background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/SteamMachineHeader.png);
	width: 940px;
	height: 420px;
}

	.sm_header > div h1 {
		color: #fff;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 200; /* thin */

				font-size: 42px;
	}

	.sm_header > div {
		padding: 150px 510px 0 20px;
	}

.sm_box {
	width: 940px;
	height: 303px;
	margin-bottom: 5px !important;
	position: relative;
}

	.sm_box.left {
		background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/SteamMachineContentPanel_PictureOnLeft.png);
	}

	.sm_box.right {
		background-image: url(http://cdn.edgecast.steamstatic.com/store/promo/hardware/SteamMachineContentPanel_PictureOnright.png);
	}

	.sm_box .game_purchase_action {
		margin-top: 25px;
	}

	.sm_box h1 {
		color: #fff;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 200; /* thin */

				font-size: 32px;
	}

	.sm_box > a {
		width: 420px;
		position: absolute;
		top: 25px;
	}

		.sm_box > a > img {
			width: 420px;
		}

		.sm_box.left > a {
			left: 20px;
		}

		.sm_box.right > a {
			right: 20px;
		}

	.sm_box p {
		font-size: 16px;
	}

	.sm_box > div {
		padding: 20px 30px;
	}

		.sm_box.left > div {
			margin-left: 450px;
		}

		.sm_box.right > div {
			margin-right: 450px;
		}



@media screen and (max-width: 910px)
{
	.sm_box.right > a, .sm_box.left > a {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		display: block;
		padding: 20px;
	}

	.sm_box.left > div, .sm_box.right > div {
		padding: 20px;
		margin: 0;
		display: block;
	}

	.sm_box.left, .sm_box.right {
		background: #1e638e;
		height: auto;
		width: auto;
	}

	.sm_box.right {
		background: #448db4;
	}

	.sm_header {
		padding-top: 130px;
		height: 290px;
	}

	.sm_header > div {

		margin: 0px 0px 0px 0px;
		padding: 20px;
		background-color: rgba(0,0,0,0.5);

	}
}