@charset "utf-8";
/*
=========================
===== GLOBAL STYLES =====
=========================
*/
* {
	margin: 0;
	padding: 0;
	border: none;
}
body {
	background: url(../_img/bg-main.jpg) repeat-x #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #fff;
}
p {
	font-size: 1.4em;
	color: #ffdcd2;
	margin: 15px 0;
}
a { text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }
input, select {
	border: 1px solid #CCC;
	padding: 1px;
	margin: 0 1px;
	color: #999;
	font-style: italic;
}
input.active, select.active {
	color: #000;
	font-style: normal;
}
img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(); }

/* ========================================================================== PAGE STRUCTURE STYLES ===== */
#root-container {
	margin: auto;
	padding: 43px 0 0 0;
	width: 891px;
}
#content-topper {
	background: url(../_img/bg-content-top.gif) no-repeat;
	height: 11px;
	width: 891px;
}
#content-container {
	background: url(../_img/bg-content.gif) repeat-y;
	width: 891px;
	float: left;
	padding: 0 0 30px 0;
}
#content-footer {
	background: url(../_img/bg-content-bottom.gif);
	height: 13px;
	width: 891px;
	clear: both;
	margin: 0 0 30px 0;
}
#page-content {
	clear: both;
	margin: 0 0 0px 43px;
}

/* ========================================================================== MASTHEAD STYLES ===== */
#logo {
	background: url(../_img/logo.png) no-repeat;
	height: 59px;
	width: 568px;
	margin: 0 auto 37px auto;
}

/* ========================================================================== HEADER STYLES ===== */
#header { margin: 2px 29px 0px 43px; }
#intro {
	width: 517px;
	margin: 35px 0 0 0;
}
#intro-copy {
	background: url(../_img/text-intro.gif) no-repeat;
	height: 59px;
	width: 517px;
}
#promo-top {
	background: url(../_img/promo-top.jpg) no-repeat;
	height: 238px;
	width: 263px;
}
#promo-TFBC {
	height: 51px;
	width: 803px;
	clear: both;
}

/* ========================================================================== TOOL HOMEPAGE STYLES ===== */
#tool {
	background: url(../_img/bg-tool.jpg) no-repeat;
	height: 465px;
	width: 529px;
	margin: 15px 0 10px 0;
	padding: 121px 0 0 32px;
}
#vid-col1, #vid-col2, #vid-col3  {
	float: left;
	width: 178px;
	margin: 0 0 5px 0;
}
html>body #vid-col1, #vid-col2, #vid-col3  { margin: 0 0 15px 0; }
#vid-col3 { width: 170px; }
#vid-col1 li, #vid-col2 li {
	margin: 0 0 10px 0;
	list-style: none;
}
.vid-selected {
	background: url(../_img/video-selected.png) no-repeat;
	height: 121px;
	width: 141px;
	text-indent:-10000px;
}
#vid-col3 li {
	margin: 0 0 1px 0;
	list-style: none;
	font-size: 1.2em;
}
#vid-col3 a {
	background: url(../_img/bg-position.jpg) no-repeat left;
	padding: 4px 6px;
	color: #000;
	display: inline-block;
	width: 129px;
}
#vid-col3 a.active {
	background: url(../_img/bg-position.jpg) no-repeat right;
	color: #fff;
}
#vid-fitMan, #vid-fatMan, #vid-dwfMan, #vid-fitWmn, #vid-fatWmn, #vid-dwfWmn {
	height: 121px;
	width: 141px;
	display: block;
}
#vid-fitMan { background: url(../_img/pic-fit-man.gif) no-repeat; }
#vid-fatMan { background: url(../_img/pic-big-man.gif) no-repeat; }
#vid-dwfMan { background: url(../_img/pic-small-man.gif) no-repeat; }
#vid-fitWmn { background: url(../_img/pic-fit-girl.gif) no-repeat; }
#vid-fatWmn { background: url(../_img/pic-big-girl.gif) no-repeat; }
#vid-dwfWmn { background: url(../_img/pic-small-girl.gif) no-repeat; }
#vid-button a {
	background: url(../_img/button-vid.jpg) no-repeat left;
	height: 40px;
	width: 255px;
	float: left;
	display: block;
	margin: 0 0 0 60px;
}
html>body #vid-button a {
	margin: 0 0 0 122px;
}
#vid-button a.active { background: url(../_img/button-vid.jpg) no-repeat right; }

/* ========================================================================== VIDEO PAGE STYLES ===== */
#video {
	background: url(../_img/bg-video.jpg) no-repeat;
	height: 384px;
	width: 541px;
	margin: 15px 0 10px 0;
	padding: 111px 0 0 22px;
}
#theVid {
	smargin: 0 0 0 22px;
	height: 293px;
}
#choose-button a {
	background: url(../_img/button-choose.jpg) no-repeat left;
	height: 40px;
	width: 189px;
	display: block;
	float: right;
	margin: 15px 10px 0 0;
}
#register-button a {
	background: url(../_img/button-register.jpg) no-repeat left;
	height: 40px;
	width: 310px;
	display: block;
	float: right;
	margin: 15px 22px 0 0;
}
#register-button a:hover { background: url(../_img/button-register.jpg) no-repeat right; }

/* ========================================================================== COMMENTS FORM STYLES ===== */
#comments-form {
	background: url(../_img/bg-comments.jpg) no-repeat;
	height: 88px;
	width: 521px;
	padding: 20px;
}
#comments-title {
	background: url(../_img/title-comments.gif) no-repeat;
	height: 22px;
	width: 283px;
	margin: 0 0 10px 0;
}
#input-comments {
	background: url(../_img/input-comments.gif) no-repeat;
	height: 51px;
	width: 433px;
	border: none;
	float: left;
	padding: 8px;
}
#comments-button a {
	background: url(../_img/button-comments.jpg) no-repeat left;
	height: 30px;
	width: 60px;
	float: left;
	margin: 37px 0 0 10px;
}
#comments-button a:hover { background: url(../_img/button-comments.jpg) no-repeat right; }

/* ========================================================================== BANNERS ===== */
#adwords {
	background: url(../_img/bg-adwords.jpg) no-repeat;
	width: 804px;
	height: 109px;
	clear: both;
	padding: 19px 0 0 0;
}
#adwords-container { margin: 0 0 0 39px; }

/* ========================================================================== RIGHT COLUMN STYLES ===== */
#right-col, #right-col-video {
	background: url(../_img/bg-rightColumn.jpg) no-repeat;
	height: 586px;
	width: 233px;
	margin: 15px 0 10px 10px;
	float: left;
}
#right-col-video {
	background: url(../_img/bg-rightColumn-video.jpg) no-repeat;
	height: 496px;
}
#right-col-content {
	width: 193px;
	margin: auto;
}
#mailing-title {
	background: url(../_img/title-uptodate.gif) no-repeat bottom;
	height: 43px;
	width: 193px;
}
#right-col-content p {
	font-size: 1.1em;
	color: #000;
	margin: 6px 0 12px 0;
}
#email-input {
	background: url(../_img/input-email.gif) no-repeat;
	padding: 7px;
	width: 130px;
	border: none;
	float: left;
}
html>body #email-input { margin: 0 0 20px 0; }
#email-button a {
	background: url(../_img/button-go.jpg) no-repeat left;
	height: 30px;
	width: 47px;
	float: left;
}
#email-button a:hover { background: url(../_img/button-go.jpg) no-repeat right; }
#twitter-button a {
	background: url(../_img/button-twitter.jpg) no-repeat left;
	height: 51px;
	width: 191px;
	display: block;
	margin: 13px auto 53px auto;
	clear: both;
}
html>body #twitter-button { margin: 28px auto 53px auto; }

#twitter-button a:hover { background: url(../_img/button-twitter.jpg) no-repeat right; }
#testimonials {
	list-style: none;
	font-size: 1.3em;
	color: #fff;
}
#testimonials li { margin: 10px 0 0 0; }
#testimonials span {
	font-size: 0.7em;
	color: #2d0000;
	font-style: italic;
}
#promo-bottom, #promo-bottom-video {
	sfloat: left;
	margin: 0 0 0 10px;
}

/* ========================================================================== FOOTER STYLES ===== */
#footer {
	background: url(../_img/bg-footer.jpg) repeat-x;
	height: 222px;
	clear: both;
	font-size: 0.8em;
}
#footer-container {
	margin: 0 auto;
	padding: 92px 0 0 0;
	width: 900px;
}
.footer-column-left {
	float: left;
	width: 200px;
}
.footer-column-right {
	float: right;
	width: 700px;
}
#footer-logo {
	background: url(../_img/logo-footer.png) no-repeat;
	height: 20px;
	width: 196px;
	float: left;
}
#footer p span {
	color: #510102;
	margin: 0 10px;
}
#footer-link1, #footer-link2, #footer-link3 {
	background: url(../_img/button-footer-MLB.jpg) no-repeat;
	height: 85px;
	width: 218px;
	float: right;
	margin: 0 0 0 10px;
}
#footer-link2 { background: url(../_img/button-footer-MFunB.jpg) no-repeat; }
#footer-link3 { background: url(../_img/button-footer-TFBC.jpg) no-repeat; }

/* ========================================================================== OTHER STYLES ===== */
.hideText {	line-height: 0; }
.hideMe {
	display: none;
	line-height: 0;
}
.left { float: left; }
.right { float: right; }
.clearer { clear: both; }
.error {
	font-size: 0.6em;
	color: #f03b0b; !important
	margin: 0;
	padding: 0;
}