﻿/* Landing Frame */
.LandingFrame
{
	width:986px;
	position:relative;
	overflow:hidden;
}

/* Box Outer */
.LandingFrame .BoxOuter
{
	width:986px;
	margin-top:15px;
	background: #fff;
}

.LandingFrame .BoxOuter h1,
.LandingFrame .BoxOuter h2
{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:22px;
	color:#0070bb;
	font-weight:normal;
	padding:15px 32px 12px 32px;
	margin:0;
}

/* Box Inner */
.LandingFrame .BoxInner
{
	font-size:14px;
	padding:18px 30px 15px 28px;
	position:relative;
}

.LandingFrame .BoxInner p { margin-bottom:1em; }

.LandingFrame .BoxInner b { color:Black; }

.LandingFrame .BoxInner .SiteLinks
{
	float:right;
	width:280px;
	margin-left:20px;
}

.LandingFrame .BoxInner .SiteLinks a
{
	float: right;
	min-width: 185px;
	font-size:18px;
	line-height:16px;
	font-weight:bold;
	color:White;
	margin-bottom: 7px;
	padding-right: 38px;
}

/* Prod Feature */
.ProdFeature .BoxInner
{
	padding: 0;
}

.ProdFeature a img
{
	display:block;
	border:0;
	padding:0;
}

/* Product Img Frame */
.ProdFeature .ImgFrame
{
	width:986px;
	position:relative;
	overflow:hidden;
}

.ProdFeature .ImgInner
{
	width:1000em;
	height:443px;
}

.ProdFeature .ImgInner .ProdBanner
{
	float:left;
}

/* Product Feature Navigation */
.ProdFeature .PrevItem,
.ProdFeature .NextItem
{
	position:absolute;
	top:35%;
	width:54px;
	height:111px;
	text-indent:-9999em;
	overflow:hidden;
	background:url(Landing/NavItemsSprite.png) no-repeat left top;
	z-index:600;
}

.ProdFeature .PrevItem { left:0; }
.ProdFeature .PrevItem:hover { background-position:left -111px; }

.ProdFeature .NextItem
{
	right:0;
	background-position:-54px top;
}
.ProdFeature .NextItem:hover { background-position:-54px -111px; }

#itemSelection
{
	width:986px;
	padding:0 0 5px 0;
	position:absolute;
	bottom:12px;
	left:0;
	text-align:center;
	z-index:600;
}

#itemSelection a
{
	display:inline-block;
	margin:0 1px;
	width:26px;
	height:25px;
	text-indent:-9999em;
	background:url(Landing/NavItemsSprite.png) no-repeat left -222px;
	overflow:hidden;
}

#itemSelection a:hover,
#itemSelection .activeSlide
{
	background-position:-26px -222px;
}

/* Content Area */
.ContentArea
{
	float:right;
	width:740px;
	position:relative;
	overflow:hidden;
}

.ContentArea .FeatureBox
{
	margin:0 0 1.2em 0;
	padding: 25px 25px;
	text-align: center;
	background: #fff;
}

.ContentArea .FeatureBox h1
{
	font-weight: 300 !important;
	color: #868685;
	text-align: center;
	line-height: 1.1em;
	padding: 0 80px 15px 80px;
	margin-bottom: 0.6em;
	border-bottom: 2px solid #0070bb;
}

.ContentArea .FeatureBox img { padding:0; }

.ContentArea .FeatureBox p {
	font-family: omnes-pro, Arial, sans-serif;
	font-weight: 300 !important;
	font-size: 118%;
	color: #868685;
	margin: 0;
}

/* Content Box */
.ContentArea .ContentBox
{
	float: left;
	width:303px;
	font-family: omnes-pro, Arial, sans-serif;
	font-weight: 300 !important;
	font-size: 118%;
	color: #868685;
	padding: 20px 30px 10px 30px;
	margin: 0 14px 1.2em 0;
	text-align:center;
	background:#fff;
	position:relative;
	overflow:hidden;
}

.ContentArea .ContentBox + .ContentBox {
	margin-right: 0;
}

.ContentArea .ContentBox h2
{
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
	font-size:108%;
	color:#868685;
	margin-bottom: 24px;
	padding-bottom: 6px;
	border-bottom: 2px solid #0070bb;
}

.ContentArea .ContentBox img
{
	padding: 0;
}

.ContentArea .ContentBox p {
	margin-bottom: 24px;
}

/* Feature video frame */
#featVidFrameAu {
	padding-top: 1.8em;
}

#featVidFrame {
	padding-top: 1.8em;
}

#featVidFrame > div:first-child {
	float: left;
	width: 460px;
	height: 259px;
	overflow: hidden;
	text-align: left;
}

#featVidFrame .html5lightbox {
	display: block;
	position: relative;
}

#featVidFrame .html5lightbox div {
	position: absolute;
	top: 95px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 217px;
	height: 69px;
	background: url(/B2B//Skin/Landing/VideoPlayButton.png) no-repeat left top;
}

#featVidFrame .html5lightbox:hover div {
	background-position: left -70px;
}

#featVidFrame > div + div {
	float: right;
	width: 205px;
	text-align: right;
}

#featVidFrame > div + div img {
	margin-bottom: 0.6em;
}

#featVidFrame + .ClearFix {
	clear: both;
}