body{font-size:76%; margin:0; padding:30px 10px 10px 10px; color:#585858; background:#FFF url("/images/bg-page.gif") top left repeat-x; text-align:center;}

body.popup{padding:0;}

/* LAYOUT */
#page{width:970px;text-align:left;margin:0 auto;padding:0;text-align:left;}
#header{color:#FFF;background:#333 url("/images/bg-header.jpg") top left no-repeat;margin:0;padding:15px 38px 0 29px;}
#footer{background:url(/images/bg-footer.gif) top left no-repeat;clear:both;margin:0;padding:24px 0 10px 0;}
#container{border-left:1px solid #9a9a9a;border-right:1px solid #9a9a9a;background:#FFF url(/images/bg-container.gif) top left repeat-x;padding:30px 32px 0 28px;}
#content{float:left;width:590px;background-color:#FFF;min-height:500px;}
#content-alt{width:908px;min-height:600px;min-height:500px;}
#additional{float:right;width:302px;}

body.popup #footer{background:transparent;padding:10px;}

/* FORMAT */
abbr,acronym,dfn{cursor:help;border:0;}
a abbr,a acronym,a dfn{cursor:pointer;}

pre,address{margin:0;padding:0;}
p,blockquote{margin:0;padding:0 0 1em 0;line-height:1.4em;}
img{border:0;}
embed{display:block;}

/* FORMAT > fonts */
body,input,textarea,select{font-family:Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif;}
em,i{font-style:italic;}
strong,b{font-weight:bold;}
dfn{font-style:normal;}
cite{font-style:italic;}
code,kbd,pre{font-family:"Courier New",Courier,mono;font-size:1em;}

/* ANCHORS */
a{text-decoration:underline;color:#333;}
a:link{ }
a:visited{ }
a:hover{text-decoration:underline;}
a:active{ }

	/* Anchor lists*/
	ul.links{list-style-type:none;margin:0;padding:0;}
	ul.links li{display:block;margin:0;padding:0;}
	ul.links li a{display:block;font-weight:bold;text-decoration:none;padding:5px 10px 5px 12px;background:url(/images/bg-links.gif) center left no-repeat;}
	ul.links li a:hover{text-decoration:underline;}

/* HEADERS */
h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#454545;}
h1{font-size:1.75em;background:url(/images/bg-dots.gif) bottom left repeat-x;padding:0 0 5px 0;margin:10px 0 15px 0;}
h2{font-size:1.6em;margin:10px 0 15px 0;}
h2.alt{font-size:1.4em;margin:10px 0 5px 0;float:left;width:500px;}
h3{font-size:1.25em;}
h4{font-size:1.25em;}
h5,h6{font-size:1em;}

/* LISTS */
ul,ol,dl{margin:0;padding:0 0 1em 0;}
ul ul,ol ol,ol ul,ul ol{padding:0;margin:0 0 0 2em;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
li{margin:0 0 0 2em;padding:0;}

dt{display:block;float:left;}
dd{margin-left:10em;}

/* FOOTER LINKS */
#footer{text-align:center;}
	#footer p.copyright{float:left;width:auto;color:#5c5c5c;font-size:0.94em;}
	#footer p.copyright a{color:#5c5c5c;text-decoration:none;}
	#footer p.copyright a:hover{text-decoration:underline;}
	#footer ul{float:right;width:auto;list-style-type:none;margin:0;padding:0;}
	#footer ul li{display:inline;margin:0;padding:0;color:#5c5c5c;}
	#footer ul li a{padding:0 0 0 8px;color:#5c5c5c;font-size:0.94em;text-decoration:none;}
	#footer ul li a:hover{text-decoration:underline;}
	#footer ul li span{padding:0 0 0 10px;}

/* TABLES */
caption{display:block;padding:0;margin:0;}
table{border:0px;border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;width:100%;margin:0 0 20px 0;}
th{border:0px;border-bottom:1px solid #dcdcdc;padding:6px 5px 6px 5px;background:#FFF url(/images/bg-th.gif) bottom left repeat-x;color:#333333;text-align:center;}
th.row-header{background-color:transparent;color:#000;}
td{border:0px;border-bottom:1px solid #dcdcdc;padding:6px 5px 6px 5px;color:#333333;text-align:center;}
tr.alt{background-color:#eee;}

.bookmarks th, .bookmarks td{text-align:left;}

/* FORMS */
.form{background:url(/images/bg-form.gif) top left repeat-y;}
.form .padding{background:url(/images/bg-form-bottom.gif) bottom left no-repeat;padding:0;}
.form form{background:url(/images/bg-form-top.gif) top left no-repeat;padding:20px 30px;}

.form-alt{background:url(/images/bg-form-alt.gif) top left repeat-y;border-bottom:1px solid #fff;}
.form-alt .padding{background:url(/images/bg-form-bottom-alt.gif) bottom left no-repeat;padding:0;}
.form-alt form{background:url(/images/bg-form-top-alt.gif) top left no-repeat;padding:20px 30px;}

form{margin:0;padding:0;}
fieldset{border:0px solid #fff;margin:0;padding:0;}
fieldset.register{background:url(/images/bg-dots.gif) bottom left repeat-x;margin:0 0 20px 0;}
fieldset.register h2{margin:0 0 15px 0;font-size:1.4em;}
legend{display:none;}

.error{color:#F00;}
input.error{border:1px solid #F00 !important;}

p.intro{background:url(/images/bg-dots.gif) bottom left repeat-x;margin:0 0 15px 0;}
img.intro-icon{vertical-align:middle;margin:0 5px;}

fieldset h2{margin:0 0 10px 0;}

.field{position:relative;width:750px;padding:0 0 10px 20px;}
.element{float:left;width:405px;}
.element-alt{float:left;width:775px;}

.label{float:left;width:125px;padding:3px 0 0 0;margin:0;text-align:left;}
.input{float:left;width:260px;padding:0 0 5px 0;margin:0;}
.element-alt .input{width:650px;}

.form-alt .field{padding-left:0;width:520px;}
.form-alt .label{float:none;width:100%;padding:3px 0 5px 0;margin:0;text-align:left;}
.form-alt .input{float:none;width:100%;padding:0 0 5px 0;margin:0;}

.element .col div{padding:0 0 5px 0;}

.invalid label{color:#f00;}
.invalid .input{background:url(/images/invalid.gif) top right no-repeat;}
.valid label{color:#00AF6A;}
.valid .input{background:url(/images/valid.gif) top right no-repeat;padding:0 20px 0 0;}
	
label{color:#545353;display:block;padding:0 0 2px 0;font-size:1em;}
label em{font-style:normal;text-transform:uppercase;}
label small{font-size:0.94em;}

textarea{width:95%;font-size:100%;padding:0.2em;}
input.text{width:95%;padding:2px 3px;border:1px solid #999;}
input.radio{display:block;float:left;margin:1px 5px 5px 0;padding:0;}
.short{width:50% !important;}

.button-left{float:left;width:auto;}
.button-right{float:right;width:auto;}

.warnEmpty{display:none;}
.warn{clear:both;display:block;color:#f00;}

.highlight{color:#F00;}
.hide{display:none;}
.hidden{position:absolute;left:-500px;top:-500px;width:100px;}

.terms{padding-left:0;margin:15px 0 0 0;width:100%;}
.terms .element{width:100%;}
.terms .input{width:700px;}
.terms label{margin:0 0 10px 20px;}

	/*Help Button*/
	.helpbutton{position:relative;float:left;width:auto;padding:0;margin:0 0 0 20px;}
	.helpbutton:hover{color:blue;background:#ccf;}
	
	/*Popup Help Text*/
	.help{position:absolute;top:0;right:0;width:280px;background:#FFF url(/images/bg-help.gif) top left repeat-y;z-index: 10;}
	.help .bottom{position:relative;background:url(/images/bg-help-bottom.gif) bottom left no-repeat;}
	.help .top{background:url(/images/bg-help-top.gif) top left no-repeat;padding:8px 10px 10px 0;}
	.field-alt .help{position:absolute;right:0;;width:210px;background:#785D30;padding:0 0 5px 0;margin-top: 18px;}
	.help h3, .help p{margin:0 0 5px 10px;font-size:0.91em;padding:0; width: auto;}
	.help h3{font-weight:bold;}
	.help ul, .help li{list-style-type:none;margin:0;padding:0;background:none;}
	.help a{margin:5px 10px 0 10px;padding:1px 10px 5px 0;font-size:0.91em;border:0px;color:#1141a2;}

	/*NON_JS HELP*/
	#help{margin:20px 0;}
	
	#help{background:url(/images/bg-form.gif) top left repeat-y;}
	#help .bottom{background:url(/images/bg-form-bottom.gif) bottom left no-repeat;padding:0;}
	#help .top{background:url(/images/bg-form-top.gif) top left no-repeat;padding:10px 30px;}
	
	#help div.clear{margin:0 0 15px 0;}
	#help h2{margin:10px 0 10px 0;padding:0 0 5px 0;background:url(/images/bg-dots.gif) bottom left repeat-x;}
	#help h3 span, .help h3 span, .error h3 span{background:url(/images/help-title-bg.gif) center right no-repeat;display:block;float:left;width:auto;padding:0 7px 0 0;margin:0 5px 0 0;}
	#help ul, #help li{list-style-type:none;margin:0;padding:0;background:transparent;}
	#help a.jumper{display:block;float:left;width:auto;margin:0 0 10px 0;font-size:0.94em;}


/* SHORTCUTS */
#shortcuts{position:relative;list-style-type:none;}
#shortcuts ul{position:absolute;left:0;top:0;}
#shortcuts li{display:inline; background: none;}
#shortcuts li a{position: absolute; left: 0; top: -500px; width:950px;margin:0 auto;overflow: hidden;display:block;}
#shortcuts li a:Focus{z-index:10;left:0;top:0;color:#FFF;text-align:left;padding:3px 0 3px 20px;}
#shortcuts li a.show{z-index:10;left:0;top:0;color:#FFF;text-align:left;padding:3px 0 3px 20px;}
#toplink{position:absolute;left:-500px;height:1px;overflow:hidden;width:50%;}


/* LOGO */
#logo{float:left;width:auto;padding:6px 0 0 0;}
#ft-logo{float:right;width:auto;padding:4px 0 0 0;}

/* NAVIGATION */
#navigation{margin:0;font-weight:bold;float:left;width:600px;padding:65px 0 0 20px;}
	#navigation ul{list-style-type:none;margin:0;padding:0;}
	#navigation ul li{display:inline;margin:0;padding:0;}
	#navigation ul li a{color:#000;background:#FFF;display:block;float:left;width:auto;text-decoration:none;margin:0 1px 0 0;font-size:1.3em;}
	#navigation ul li a img{float:left;display:block;margin:0;}

/* SUBNAV */
#subnav{background:#fad9be;margin:-25px -32px 30px -28px;width:968px;}
	#subnav ul{padding:0 0 0 15px;list-style-type: none;line-height:normal;}
	#subnav li{margin:0;padding:0;display:block;float:left;}
	#subnav a{display:block;float:left;width:auto;text-decoration:none;font-weight:bold;padding:2px 24px 6px 4px;color:#143e71;background:url(/images/bg-subnav-a.gif) center right no-repeat;margin:0 0 0 10px;}
	#subnav a.selected{color:#000;}
	#subnav a:hover{color:#000;}
	#subnav a.last{background:transparent;}


/* HOME INTRO */
#home-intro{background:url(/images/bg-home-intro.gif) top left repeat-y;margin:0 0 20px 0;}
	.home-intro-inner{background:url(/images/bg-home-intro-top.gif) top left no-repeat;}
	#home-intro .padding{background:url(/images/bg-home-intro-bottom.gif) bottom left no-repeat;min-height:202px;padding:20px 15px 15px 20px;}
	#home-intro img.intro{position:relative;display:block;float:right;margin:-19px -9px -14px 0;}
	#home-intro h1{margin:0 0 15px 0;background:transparent;font-size:1.7em;width:290px;}
	#home-intro ul.buttons{list-style-type:none;margin:0;padding:0;}
	#home-intro ul.buttons li{float:left;width:auto;margin:15px 10px 0 0;padding:0;}
	
	/*Bookmarks*/
	.form-alt .bookmarks{background:url(/images/bg-form-top-alt.gif) top left no-repeat;padding:10px 20px 20px 20px;min-height:180px;}
	
/* WORKOUTS */
#workouts{margin:0;}
	#workouts .item{float:left;width:135px;padding:0 15px 15px 0;}
	#workouts .last{padding-right:0;}
	#workouts .html-button{background:url(/images/bg-workout.gif) top left no-repeat;height:136px;padding:12px 0 0 0;}
	#workouts .html h3{color:#093976;text-transform:uppercase;font-size:1.1em;margin:0 10px 10px 5px;padding-left:5px;border-left:5px solid #f8d4ae;}
	#workouts .html h3 a{text-decoration:none;color:#093976;}
	#workouts .html h3 a:hover{text-decoration:underline;}
	#workouts .html p{line-height:1.2em;padding-left:5px;}
	#workouts .html p .highlight{color:#093976;display:block;font-weight:bold;}
	
	#workouts .workout-1{background:url(/images/bg-workout-1.gif) top left no-repeat;}
	#workouts .workout-2{background:url(/images/bg-workout-2.gif) top left no-repeat;}
	#workouts .workout-3{background:url(/images/bg-workout-3.gif) top left no-repeat;}

/* WORKOUT START PAGES */
#start{background:url(/images/bg-start.gif) top left repeat-y;margin:10px 0;}
#start .bottom{background:url(/images/bg-start-bottom.gif) bottom left no-repeat;}
#start .top{background:url(/images/bg-start-top.gif) top left no-repeat;padding:25px 25px 15px 25px;min-height:240px;}
#start h3{margin:0 0 15px 0;}
#start ul{margin:0;padding:0 0 10px 0;list-style-type:none;width:330px;}
#start li{display:block;margin:0 0 15px 0;padding:0 0 0 15px;background:url(/images/bg-start-li.gif) top left no-repeat;}


/* SITE TOUR */
#prevnext{padding:5px 0 10px 0;}
#prev{float:left;width:auto;}
#center{text-align:center;margin:0 103px 0 134px;}
#next{float:right;width:auto;}
.tour{text-align:center;position:relative;margin:0 0 10px 0;width:100%;}
.tour-box{position:absolute;background-color:#FFF;border:1px solid #f8ba76;padding:10px;text-align:left;font-weight:bold;font-size:0.88em;}
.tour-box p{padding-bottom:0 !important;}

/* FAQs */
.faq h2{margin:20px 0 0 0;font-size:1.2em;}
#flash-example{float:left;width:49%;border:1px solid #eee;border-right:0;text-align:center;height:190px;padding:5px 0 0 0;}
	#flash-example #flashcontent{text-align:center;}
	#flash-example #flashcontent embed{display:inline;}
#gif-example{float:left;width:49%;border:1px solid #eee;text-align:center;height:190px;padding:5px 0 0 0;}


/* HIGHLIGHT BOXES */
.box{background:#FFF url(/images/bg-box.gif) top left repeat-y;margin:0 0 20px 0;border-bottom:1px solid #fff;}
	.box-inner{background:url(/images/bg-box-top.gif) top left no-repeat;padding:10px 0 0 0;}
	.box .padding{background:url(/images/bg-box-bottom.gif) bottom left no-repeat;padding:5px 15px 15px 15px;}
	.box h2{font-size:1.3em;margin:0 0 5px 0;}
	.box img{float:left;margin:0 10px 0 0;}
	.box p{padding:0;margin:10px 0 15px 0;}
	
	.box ul.buttons{list-style-type:none;margin:10px 0 0 0;padding:0;}
	.box ul.buttons li{display:block;float:none;margin:5px 10px 0 0;padding:0;}
	.box ul.buttons li img{float:none;margin:0;}
	
	.box img.tailor{position:relative;display:block;float:right;margin:-14px -11px -10px 0;}
	.box img.recommend{position:relative;display:block;float:right;margin:5px 5px 0 0;}
	
	/* BOX FORMS  */
	.box  .field{padding:0 0 9px 0;width:100%;}
	.box  .element{float:left;width:100%;}
	.box  .label{float:none;width:125px;padding:3px 0 0 0;margin:0;text-align:left;}
	.box  .input{float:none;width:125px;padding:0;margin:0;}
	.box  label{margin-bottom:1px;}
	.box  input.text{font-size:1.2em;margin:0 0 2px 0;}	
	
	/* LOGIN */
	#form_login fieldset{padding:0;background:url(/images/bg-login.gif) top right no-repeat;}
	#form_login h2{margin:0 0 10px 0;}
	#form_login ul.links{margin-bottom:10px;}
	#form_login ul.links a{padding-left:0;background:transparent;}
	
	/* SUGGESTIONS */
	#suggest .label{float:none;width:100%;padding:3px 0 0 0;margin:0;text-align:left;}
	#suggest .input{float:none;width:100%;padding:0;margin:0;}
	
	/* ADVERTISING */
	#advertising{margin:0 0 20px 0;}
	
	
	#recommend h2{width:180px;}
	#tailor h2{width:125px;}
	

/* HR */
.hr{height:1px;background:url(/images/bg-dots.gif) top left repeat-x;margin:10px 0;}
.hr hr{display:none;}
	
/* TWO COLUMN */
.col-one, .col-two {width:48%;}
.col-one {float:left;width:55%;}
.col-two {float:right;width:33%;}
.cols2 .col{float:left;width:48%;margin:0 1% 0 0;}
.cols3 .col{float:left;width:30%;margin:0 1% 0 0;}	

/* IMAGE PLACEMENT */
.image-left{float:left;}
.image-right{float:right;}
	
/* CLEARING */
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-table;}

.padding{padding:10px;}



/* FILTERS */
/* hide from IE-mac \*/ .clear, .caption {display: block;} /* end hide from IE-mac */