/* Content */

.content #leftColumn {
   width: 200px;
   margin-right: 30px;
}

.content #mainColumn {
   width: 740px;
}

.termsofservice p,
.privacypolicy p {
   line-height: 130%;
   color: #666;
}

.termsofservice h3,
.privacypolicy h3 {
   margin-top: 30px;
   color: #000;
}

.termsofservice div,
.privacypolicy div {
   margin: 8px 0 8px 20px;
   color: #666;
}

.termsofservice div.fineprintContainer,
.privacypolicy div.fineprintContainer {
   margin: 0;
}

.termsofservice div span,
.privacypolicy div span {
   font-weight: bold;
   color: #000;
}

/* Contact Page  */

.contactMap {
   width: 425px;
   height: 350px;
   position: relative;
   float: right;
}

.contactMap .greyBorder.tl {
	background: url(../images/greyBorder-tls.png) repeat-x 0 0;
}

.contactMap .greyBorder.t {
	background: url(../images/greyBorder-ts.png) repeat-x 0 0;
	left: 8px;
	width: 409px;
}

.contactMap .greyBorder.tr {
	background: url(../images/greyBorder-trs.png) no-repeat 0 0;
}

.contactMap .greyBorder.rt {
	background: url(../images/greyBorder-rs.png) repeat-y 0 0;
	position: absolute;
	top: 8px;
	right: 0;
	width: 6px;
	height: 334px;
}

.contactMap .greyBorder.br {
	background: url(../images/greyBorder-brs.png) repeat-x 0 0;
}

.contactMap .greyBorder.bs {
	background: url(../images/greyBorder-bs.png) repeat-x 0 0;
	position: absolute;
	bottom: 0;
	left: 8px;
	width: 409px;
	height: 6px;
}

.contactMap .greyBorder.lt {
	background: url(../images/greyBorder-ls.png) repeat-y 0 0;
	position: absolute;
	top: 8px;
	left: 0;
	width: 6px;
	height: 334px;
}

.contactMap .greyBorder.bl {
	background: url(../images/greyBorder-bls.png) repeat-x 0 0;
}

.contactContent {
   width: 285px;
   margin-right: 30px;
   float: left;
}

.contactContent .company {
   margin-bottom: 10px;
   font-size: 24px;
   font-weight: bold;
   color: #000;
}

.contactContent .addressInfo {
   margin: 6px 0;
   font-size: 21px;
   font-weight: 200;
   color: #666;
}

.contactContent h3 {
   margin-top: 40px;
}

.contactContent .contactLink {
   display: block;
   margin: 6px 0;
   font-size: 14px;
   font-weight: normal;
}

/* Team page */

.teamContainer h3.name {
   border-bottom: none;
   font-size: 21px;
   margin-bottom: 0;
}

.teamContainer .avatar {
   float: left;
   width: 150px;
   height: 150px;
   margin-right: 15px;
}

.teamContainer .teamBio {
   float: left;
   width: 555px;
}

.teamContainer .title {
   font-size: 12px;
   color: #666;
   font-style: italic;
}

.teamContainer .teamBio p {
   font-size: 12px;
   color: #333;
   line-height: 130%;
}

.teamContainer .nickname {
   font-size: 13px;
   color: #333;
   font-weight: bold;
}

.teamContainer .nickname span {
   color: #666;
}

p.intro {
   font-size: 13px;
   color: #333;
   line-height: 130%;
   margin: 0 0 20px 0;
   padding-bottom: 20px;
   border-bottom: 1px solid #CCC;
}

/* Error */

.error #mainColumn {
   margin-top: 50px;
}

.error .mainContent {
   float: left;
   margin-left: 40px;
   width: 680px;
}

.error .icon {
   float: left;
   width: 250px;
}

.error h3 {
   font-size: 48px;
   color: #333;
   border-bottom: none;
}

.error p {
   color: #666;
   line-height: 130%;
   font-size: 16px;
}

.error .actions {
   font-size: 16px;
   font-weight: bold;
   margin-top: 30px;
}

/* Download Page */

.contentArea {
   float: left;
   position: relative;
   margin-top: 30px;
}

.tellYourFriendsContainer {
   float: right;
   position: relative;
   width: 200px;
   padding: 15px;
   background: #EEE;
   border-radius: 10px;
   margin-top: 30px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
}

.tellYourFriendsContainer h2 {
   color: #333;
   font: Georgia, Times, serif;
   font-style: italic;
   font-weight: bold;
   font-size: 24px;
   margin-bottom: 10px;
}

.tellYourFriendsContainer p {
   color: #333;
   line-height: 130%;
}

.tellYourFriendsContainer span {
   visibility: hidden;
}

.tellYourFriendsContainer .button-facebook {
   background: url(../images/shareButton-facebook.png) no-repeat 0 0;
   display: block;
   width: 190px;
   height: 56px;
   margin: 14px auto 10px auto;
}

.tellYourFriendsContainer .button-facebook:hover {
   background: url(../images/shareButton-facebook.png) no-repeat 0 -56px;
}

.tellYourFriendsContainer .button-twitter {
   background: url(../images/shareButton-twitter.png) no-repeat 0 0;
   display: block;
   width: 190px;
   height: 56px;
   margin: 10px auto 0 auto;
}

.tellYourFriendsContainer .button-twitter:hover {
   background: url(../images/shareButton-twitter.png) no-repeat 0 -56px;
}

#content.download p {
   color: #333;
   line-height: 130%;
}

.deviceContainer {
   width: 280px;
   float: left;
   text-align: center;
   margin: 0 10px;
}

.contentArea .divider {
   float: left;
   width: 1px;
   border-right: 1px solid #DDD;
   height: 860px;
   margin: 0 30px;
}

.contentArea ol {
   list-style: decimal;
   text-align: left;
   width: 250px;
   padding-left: 20px;
   margin: 24px auto;
   font-weight: bold;
}

.contentArea ol li {
   text-align: left;
   margin: 8px 0;
}

.contentArea ol li span {
   font-weight: normal;
}

.contentArea .instructions p {
   font-weight: bold;
   color: #111;
   font-size: 14px;
   margin-top: 30px;
}

.contentArea p.buttonLabel {
   font-weight: bold;
   color: #999;
}

.deviceContainer a span {
   visibility: hidden;
}

.contentArea .button-iphone {
   background: url(../images/download-iphone-small.png) no-repeat 0 0;
   display: block;
   width: 260px;
   height: 71px;
   margin: 10px auto;
}

.contentArea .button-iphone:hover {
   background: url(../images/download-iphone-small.png) no-repeat 0 -71px;
}

.contentArea .button-android {
   background: url(../images/download-android-small.png) no-repeat 0 0;
   display: block;
   width: 260px;
   height: 71px;
   margin: 10px auto;
}

.contentArea .button-android:hover {
   background: url(../images/download-android-small.png) no-repeat 0 -71px;
}

/* Heart Rate Landing Page */

img.HRBG {
   position: absolute;
   width: 1160px;
   height: 467px;
   left: 50%;
   margin-left: -580px;
   z-index: 0;
}

#content.heartRate {
   position: relative;
   z-index: 2;
   margin-top: 30px;
}

.mainContentBox {
   position: relative;
   z-index: 5;
   width: 590px;
   left: 380px;
   height: 467px;
}

.mainContentBox h1 {
   font-size: 48px;
   font-weight: 100;
   background: none;
   padding: 0;
   margin-bottom: 20px;
}

.mainContentBox h1 span {
   display: block;
   font-size: 21px;
   font-weight: 100;
   color: #666;
   margin: 12px 0 20px;
}

.mainContentBox p.subtitle {
   font-size: 21px;
   font-weight: 100;
   color: #666;
   margin-bottom: 20px;
}

.mainContentBox p {
   font-size: 14px;
   font-weight: normal;
   color: #333;
   line-height: 130%;
}

.mainContentBox .videoLinkBox {
   width: 500px;
   margin: 30px auto;
}

.mainContentBox .videoLinkBox .icon {
   width: 120px;
   height: 70px;
   margin-right: 20px;
   float: left;
   background: #CCC;
   box-shadow: 0 1px 2px rgba(0,0,0,0.35);
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.35);
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.mainContentBox .videoLinkBox .content {
   width: 340px;
   float: left;
   position: relative;
   top: 25px;
   font-size: 16px;
   font-weight: bold;
}

.stepsContainer {
   width: 970px;
   position: relative;
   margin: 20px 0;
}

.stepsContainer h3 {
   width: 970px;
   border-bottom: none;
   font-size: 36px;
   font-weight: 100;
   text-align: center;
   margin-bottom: 20px;
}

.stepsBox {
   float: left;
   margin: 20px;
   width: 425px;
   height: 600px;
}

.stepsBox p {
   color: #333;
   line-height: 130%;
   text-align: center;
}

.stepsBox p.instructionTitle {
   color: #333;
   line-height: 130%;
   text-align: left;
   font-weight: bold;
   font-size: 14px;
   width: 400px;
   margin: 0 auto 15px;
}

.stepsBox .deviceHeader {
   width: 400px;
   margin: 0 auto 20px;
}

.stepsContainer .divider {
   float: left;
   margin: 20px 20px 0 19px;
   width: 0px;
   height: 530px;
   border-left: 1px solid #EEE;
}

.buyDevice {
   width: 405px;
   height: 67px;
   margin: 20px auto;
}

.buyDevice .buyButton {
   display: block;
   width: 405px;
   height: 67px;
   margin: 0 auto;
}

.stepsBox.wahoo .buyDevice .buyButton {
   background: url(../images/button-buyWahoo.png) no-repeat 0 0;
}

.stepsBox.wahoo .buyDevice .buyButton:hover {
   background: url(../images/button-buyWahoo.png) no-repeat 0 -67px;
}

.stepsBox.polar .buyDevice .buyButton {
   background: url(../images/button-buyPolar.png) no-repeat 0 0;
}

.stepsBox.polar .buyDevice .buyButton:hover {
   background: url(../images/button-buyPolar.png) no-repeat 0 -67px;
}

.numbersBox {
   width: 400px;
   margin: 20px auto;
}

.numbersBox .numberRow {
   margin-bottom: 18px;
}

.numbersBox .numberRow .number {
   float: left;
   width: 40px;
   margin-right: 10px;
   font-weight: 100;
   color: #000;
   font-size: 40px;
}

.numbersBox .numberRow .step {
   float: left;
   width: 350px;
   font-weight: normal;
   color: #333;
   line-height: 130%;
}