/* global code */
body{background:url(/images/background.jpg) top left repeat-x #b5b7b7; margin:0; font-family: Arial; font-size: 13px;}
a{color:#074da2}
a:hover{color:#fad555}

.clear{clear:both}
.floatLeft{float:left}
.floatRight{float:right}
a img{border:0;}

h2{font-weight:100; font-size: 20px;}

/* color */
.lightBlue{color:#5992d8}
.green{color:#88c456;}
.silver{color: silver;}
.red{color:red;}

/* borders */
.borderBlue{border:1px solid #a3c3ea}
.borderGreen{border:1px solid #88c456}

/* icons */
.pdf{background:url(/images/iconPDF.jpg) left top no-repeat; display:block; padding: 0 0 0 25px;}
.mac, .wmv{background:url(/images/mediasprite.jpg) left 4px no-repeat; height: 20px; padding:3px 0 0 25px; margin: 0; display: block;}
.mac{}
.wmv{background-position: 2px -40px;}

/* rounding classes */
.round5{-moz-border-radius:5px;-webkit-border-radius:5px;}
.round10{-moz-border-radius:10px;-webkit-border-radius:10px;}
.round15{-moz-border-radius:15px;-webkit-border-radius:15px;}

/* backgrounds */
.backgroundBlueFade{background: url(/images/fadeBlue.jpg) bottom left repeat-x;}

/* width */
.width50{width:50%}
.width45{width:45%}
.width40{width:40%}
.width35{width:35%}


/* emphesis */
.bold{font-weight: bold;}
.italics{font-style: italic;}

/* template code */
#wrapper{background:url(/images/wrapperBack.png) top left repeat-y; width:980px; margin:0 auto;}
#baseCap{width:980px; margin:0 auto;}
#content{padding:45px 65px;}


/* header code */
#header{background-color:#f7f8fd; border-bottom:2px solid #88c456; width:960px; margin:0 auto; position: relative;}
#logo{margin:5px 10px;}
#navWrap{position:absolute; bottom: -2px; right: 15px; text-align: right;}
#navWrap a{background:url(/images/navBtn.png) top left no-repeat; height:21px; width:94px; display:inline-block; text-align: center; margin-right: 1px;
			color:#fff; text-decoration: none; font-size: 12px; font-weight: bold; padding-top: 5px;}
#navWrap a:hover{background-position:0 -26px; color: #88c456}
#navWrap.index #index, #navWrap.try-for-free #try-for-free, #navWrap.get-workouts #get-workouts, #navWrap.fitness-advice #fitness-advice, #navWrap.sports-fitness #sports-fitness, #navWrap.contact-us #contact-us, #navWrap.wellness-team #wellness-team{background-position:0 -52px; color: #88c456; cursor: default}



/* footer code */
#footer{text-align:center;}
#footer a{border-right: 1px solid #074da2; padding-right:5px; margin-right:5px;}
#footer a.endLink{border-right:none;}
.copy{font-size: 10px; color:#666;}
#footer.index #index, #footer.try-for-free #try-for-free, #footer.get-workouts #get-workouts, #footer.fitness-advice #fitness-advice, #footer.contact-us #contact-us{color:#000; text-decoration: none;}



/* index */
#leftSide{width:520px;}
#bannerFront, #banner{position:relative; height:200px;}
#bannerFront img, #banner img{position:absolute; bottom:-3px; left: -15px;}
#banner h1{position: absolute; left:195px; top:36px; font-size: 26px; font-weight: 100; color: #074da2;}
#banner h2{position: absolute; left:255px; top:70px;}

#bannerFront h1{
	position: absolute;
	left:241px;
	top:2px;
	font-size: 36px;
	font-weight: 100;
	color: #88c456;
}
#bannerFront .sub{
	position:absolute;
	color:#88c456;
	font-style:italic;
	left: 259px;
	top: 59px;
	font-size:22px;
	width: 213px;
	text-align:center
}
#bannerFront h2{position: absolute; left:255px; top:70px;}
#bannerFront p{
	position:absolute;
	left: 236px;
	top: 85px;
	width: 267px;
	font-size:11px;
	color:#5992d8;
}







.freeTrial{position:absolute; bottom:10px; right:10px; width:219px; height:27px; text-align: center; padding-top: 5px; font-size: 18px; color:#fff; background: url(../images/freeTrial.png) top left no-repeat; text-decoration: none;}
.freeTrial:hover{color:#000; background-position: bottom left;}
#asSeenOn{background:url(../images/asSeenIn.jpg) left center no-repeat; padding:12px 5px 12px 70px; margin-top: 20px;}
#asSeenOn img{padding:0 4px;}
.mainText{font-size: 20px; padding: 15px;}
.demo{height: 171px;}
.demo img{float:left; margin-right:15px; }
.demo h2{padding-top: 10px;}
.demo p{margin-left:247px;}
#quotebox{margin-top: 30px; padding: 30px; background-color: #f7f8fd; color:#5992d8; position: relative;}
.quote{margin-bottom: 10px; line-height: 18px;}
.credit{margin-bottom: 20px; text-align: right;}
.startQuote{position: absolute; top: -10px; left: -10px;}
.endQuote{position: absolute; bottom:-10px; right: -10px;}


#sideBar{float: right; width: 300px;}
#monthly{height: 200px; background: url(../images/greenTop.jpg) top left repeat-x; margin-bottom: 20px;}
#monthly h2{text-align: center; font-weight: 100; margin: 0; font-size: 24px; margin: 5px 0 0 0; }
.greenCheck{background:url(../images/greenCheck.jpg) top left no-repeat; margin:20px 30px; padding-left: 40px; font-size: 18px;}

#facebook{padding:25px 30px 0 30px;; text-decoration:none; font-size:18px; display:block;}
#facebook img{vertical-align:middle; border:none; margin-right:10px;}

#newsFeature{margin-top: 20px;}

/* wellness team */
.mission{font-size: 14px; line-height: 20px; padding: 25px; margin-bottom: 40px;}
#team{padding:20px 0;}
.member{padding:10px; margin-bottom: 10px;}
.member img{float:left; margin-right:15px;}
.member .greenCheck{background:url(../images/greenCheck.jpg) top left no-repeat; padding:0 0 15px 30px; font-size: 13px; margin:0;}
.teamInfo{width:630px; float:right;}


/* form */
#tblForm{}
#tblForm th{text-align: right; vertical-align: top;}
#tblForm td, #tblForm th{padding:3px}



/* advice */
#blogs{padding:15px; text-align: center;}
.article{padding: 0 0 50px 250px;}
#abs{background: url(../images/advice-abs.jpg) top left no-repeat;}
#travel{background: url(../images/advice-travel.jpg) top left no-repeat;}
.sub{color:#666; font-style: italic}

/* business */
.business{padding:20px 100px;}
.business h2{font-size:14px; margin-bottom: 0;}

/* press */
.docs{padding:0px 50px; font-size: 14px;}
.docs p{margin-left:130px;}
.docs a{float:left;}

.news{width:20%; height: 100px; float:left; text-align: center; padding:15px}
.news h3{margin:5px 0 0 0;}
.news .date{margin:0; font-size: :10px;}


/* free trial */
#trialvid{float:right; margin-left: 15px;}
#ftDescription{float:right; width:370px;}
#ftDescription .italics{font-size:11px; color:#666;}

/* get workouts */
.gw-quote{padding:15px; font-style: italic; color: #666666; margin: 15px 30px;}
.vidWrap{text-align: center;}
#exerciseList{padding:0 75px;}
.getWorkouts{position:absolute; bottom:15px; right:100px; text-align:center;}
.getWorkouts2{display:block; text-align:center; width:100%;}

/* video download */
.instruct{padding:15px; text-align:center; font-weight:bold;}
#downloads h2{border-bottom: 1px solid #88c456; margin-top: 85px;}
#downloads .wmv{padding-right:15px;}
.vid{margin-bottom: 20px; border:1px solid transparent; padding: 0 20px 0 0;}
.vid h3{margin:3px 0;}
.vid p{margin:8px 20px 0 177px; font-size: 11px;}
.vid img{float:left; margin: 0 20px 0 0;}


input.error{background-color: red;}
label.error{color:red; font-size: 11px; font-weight: bold; padding-left: 10px;}

/* sports fitness */
.spHeader{padding:15px;}
.dvdInfo{padding:15px;}
.dvdInfo .demo{height:250px;}
.dvdInfo .demo p, .dvdInfo .demo ul, dvdInfo .demo h2{margin-left:200px;}
.dvd{float:left; border:1px solid #333;}
.column2{float:left; padding:0 15px; width:190px;}
.column2 h3{font-size:12px;}
.column2 ul{margin:0 0 40px 0; padding:0;}
.column2 ul li{ list-style:none; font-size:11px; padding:0 0 5px 5px;}
.column3{float:right; padding:0 15px; width:290px; text-align:center; border-left:1px solid #88c456}
#soccerVid{margin-bottom:25px;}

#running{margin-top:30px;}


/* f4 download */
#content.f4Wrap{padding:0 10px;}
#f4{background:url(/images/f4BackGround.jpg) top left repeat-x;}
#f4 h1{text-align:center; font-size:30px; color:#003e7e;}
#f4Header{background:url(/images/f4Banner.jpg) center top no-repeat; height:130px;}
#f4CTA{position:relative; height:137px;}
#f4CTA p{position:absolute; font-size:18px; font-weight:bold; width:370px; left:115px;}
#f4CTA a{position:absolute; top:40px; right:115px;}
#f4More{padding:10px 115px 40px 115px;}
#f4Left{float:left; width:195px; font-weight:bold; font-size:14px;}
#f4Right{float:right; width:500px; margin-top:15px;}
#f4Right td{padding:5px; vertical-align:top;}
.f4Vid{width:150px;}
.f4Text{width:150px;}
.f4Price{text-align:center; font-size:28px; font-weight:bold; font-style:italic; color:#003e7e;}
.f4Price input{margin-top:10px;}
.f4Small{font-size:12px; color:#666; font-style:italic; font-weight:normal; margin-top:50px;}