/* -----------------  page  -------------------------------------------------------*/
body { padding:0; margin:0; font:55%'Open Sans', sans-serif; line-height: 17px; background:#bcc9da url("/images/bg-main.gif") repeat-y center; color:#555;}
#outerwrapper { margin:0 auto; width:968px; background:#fff; }
#wrapper { margin:0 auto; width:968px; padding:0; background:#fff; }


/* -----------------  general styles  -------------------------------------------------------*/
p { padding: 0; margin: 0; }
a { text-decoration:none; color:#1c549a; }
h2, #article h1 { font-weight:bold; font-family: arial, sans-serif; font-size:1.8em; padding: 2px 0 2px 0; margin: 0; color:#4577bb; }
h2 a { font-weight:bold; font-size:14px; padding: 2px 0 2px 8px; margin: 0; color:#202b31;}
td { vertical-align:top; }
h1 { font: bold 16px Arial, Sans-Serif; padding: 5px 0px 5px 10px; margin: 0; color:#202b31; }
h1 a { font: bold 14px Arial, Sans-Serif; text-align:center; padding: 4px 0 10px 0; margin: 0; color:#202b31; }
article ul { color: #202b31; height:25px; display: block; font-size: 18px; padding: 0 0 0 2px; margin:0 0 0 2px; text-decoration: none; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0; }
.clear { width:100%; margin-bottom:5px; }
.floatClear { clear:both; }
.title { padding:6px 0 6px 0; font-size:12px; line-height:17px; font-weight:bold; color:#fff; }
.searchquote { padding:0px 0 2px 34px; font-size:12px; font-weight:bold; color:#fff; }
.logo { padding:0px 0 2px 34px; font-size:13px; font-weight:bold; color:#202b31; }


/* -----------------  top info  -------------------------------------------------------*/
#loginbox { width:800px; height:60px; margin:0; padding:10px 0 10px 0; background: #202b31; }
#loginbox p { padding-top:4px; font-size:11px; }
#loginboxleft { width: 490px; padding:0px 0 0 30px; float: left; color:#eee; }
#loginboxright { float: right; width: 250px; padding:0px 10px 0 0; color:#fff; }
#loginbox a { color: #eee; background:none; text-decoration:underline; font-weight:bold; }
#loginbox a:hover { color: #222; background:#eee; text-decoration:none; }
form { margin:5px 0 5px 0; padding: 0px; }
input.login { width: 100px; border: none; font: bold 11px Arial, Helvetica, sans-serif; color:#202b31; background:#eee; padding:1px 3px 1px 3px; }
input.searchsubmit { margin-top:2px; }
.loginHeader {float:right; color:#293d79; position:relative; left:-12px;}
.loginHeader a {color:#4577bb; font-weight:700; font-size:1.1em;}


/* Form Styles */
form p { padding-bottom:5px; }
.message { text-align:center; }
.required { color:red; font-weight:bold; }
.success { padding:5px; margin-bottom:10px; border:1px solid black; }
.error { border:1px solid black; padding:5px; margin-bottom:10px; }
.error li { padding-left:20px; list-style:square; list-style-position:inside; }
.error .header { font-weight:bold; list-style:none; text-align:center; color:red; }
.picture { float: left; }
.picture1, .picture2, .picture3 {float:left; margin-right:17px;}
.picture3 {margin-right:0;}
.picture1 a:hover, .picture2 a:hover, .picture3 a:hover {filter:alpha(opacity=85); opacity: 0.85;}
#header-pic { width: 968px; background:#e5b42a; float:left; border-bottom:#1C549A solid 20px; height:153px;}
#header { clear:both; width:968px; height:98px; background: #fff; margin:0 0 5px 0; }
#headerloginbutton { width:179px; height:27px; float:right; background: url("/images/logup.jpg") 0 0 no-repeat; margin:0 10px 0 0; }
#headerloginbutton a { background:none; text-decoration:none; color:#d4d9df; padding:8px; font-weight:bold; }
#headerloginbutton a:hover { text-decoration:none; color:#fff; background:none; }
#menu{ clear: both; margin:0; padding:0 0 0 10px; background: #1c549a; font: bold 14px Arial, sans-serif; height:32px;}
#menu li, #storeMenu li { display: inline; position:relative; margin-right:10px; top:7px;}
#menu li a, #storeMenu li a { color:#fff; font-weight:bold; text-decoration:none; padding:3px 15px; height:19px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:#4577bb; text-transform:uppercase;}
#menu li a:hover, #storeMenu li a:hover { color: #eaeaea; background:#6793cf; }
#logo { float:left; margin:10px 0 0 0; position:relative; left:7px;}
#storeMenu {clear: both; margin:0; padding:0 0 0 10px; background: #4577BB; font: bold 14px Arial, sans-serif; height:26px;}
#storeMenu li { display: inline; position:relative; margin-right:10px; top:4px;}
#storeMenu li a { color:#fff; font-weight:bold; text-decoration:none; padding:2px 11px; height:19px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:#759acd; text-transform:uppercase; font-size:.8em;}
#storeMenu li a:hover { color: #eaeaea; background:#6793cf; }


/* Logo User Box */
#userBox { float:right; width:230px; height:50px; padding:10px 40px 0 0; background: url("/images/userBox.gif") no-repeat; }
#userBox .paddingLeft { padding-left:80px; }
#userBox .paddingRight { padding-right:5px; }


/* -----------------  Main Search box begins  -------------------------------------------------------*/
#searchbox { clear:both; width:1014px; height:248px; background: url("/images/searchbg.jpg") no-repeat; padding:0; margin:0 0 5px 0; }
fieldset { border:none; }
#searchboxinside { float:right; width:389px; height:140px; padding:0px 0 0 0px; margin:25px 10px 0 0; background:none; }
#searchboxinside .provincesearch { display:inline; width:160px; background:#f2f2f2; padding:2px 3px 2px 3px; border:0; margin:10px 5px 0px 25px; font: bold 11px Arial, Helvetica, sans-serif; color:#202b31; }
#searchboxinside .postalsearch { display:inline; width:154px; background:#f2f2f2; padding:2px 3px 2px 3px; border:0; margin:10px 0px 0px 6px; font: bold 11px Arial, Helvetica, sans-serif; color:#202b31; }
#searchboxinside .citysearch { display:inline; width:329px; background:#f2f2f2; padding:2px 3px 2px 3px; border:0; margin:10px 5px 0px 25px; font: bold 11px Arial, Helvetica, sans-serif; color:#202b31; }
#searchboxinside .searchbutton { float: right; margin: 5px 10px 0 0; background:none; }
#messagebox { position:absolute; float:left; width:300px; padding:36px 34px 30px 60px; margin:0; background:none; color:#fff; }
#messagebox h1 { margin:0; padding: 0px; color: #3a3a3a; background: inherit; font-size:14px; }


/* -----------------  3 numbered boxes   -------------------------------------------------------*/
#intro { clear:both; background: #fff; color: #808080; border-top:2px solid #d4d9df; padding:0; margin:0; width:1014px; height:138px; background:url("/images/intro.jpg") no-repeat; }
.introbox { display:inline; float: left; width: 27%; margin: 30px 5px 0 30px; background:none; color: #303030; padding:3px; }
.introbox h1 { margin: 1px 1px 1px 1px; padding: 1px; color: #3a3a3a; background: inherit; font-size: 1.6em; }
.digit { width:25px; height:25px; background: url("/images/numberbg.gif") no-repeat center; margin:0 4px 0 0; font-size: 1.0em; padding:5px 8px 5px 8px; color: #fff; }


/* ----------------- Bottom content -------------------------------------------------------*/
#right {width:680px; margin:0 0 5px 0; position:relative; float:left; left:10px;}
#rightAdmin { margin:0 0 5px 0; }
.contentboxone, #workoutContainer {clear:both; margin:0 0 5px; padding:0 10px 10px; font-size:1.4em; line-height:1.8em; position:relative; left:20px;}
.contentboxone p, #workoutContainer p {margin-left:10px;}

.contentboxone ul, #workoutContainer ul { list-style-type: disc; padding-left: 25px; }
.contentboxtwo { clear:both; margin:0 0 5px 0; padding:5px 10px 10px 10px; background:none; border:1px solid #D4D9DF; }
.pic { float: left; border:1px solid #D4D9DF; background: #eee; width:200px; height:200px; margin: 5px 25px 10px 0; }
.contentboxsmall { float: left; width: 220px; border:1px solid #D4D9DF; margin:0 5px 0px 0; padding: 5px 5px 5px 10px; background: inherit; }
.contentboxsmall2 { float: left; width: 220px; border:1px solid #D4D9DF; padding: 5px 5px 5px 10px; background: inherit; margin:0; }
#leftside { margin:0 0 5px 0; float: left; position:relative; width: 240px; background :#fff; left:10px;}
#leftside p { padding:5px; }
#leftside div.articleList { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:#c7d9f2; float:left; width:240px; margin-bottom:10px;}
#leftside div.articleList ul {margin:5px;}
#leftside ul h2 { padding-bottom:5px; }
#leftside ul .subArticle a { padding-left:20px; }
#leftside li { list-style:none; margin:0 0 5px; }
#leftside li .active a { text-decoration:underline; }
#leftside li a { color: #202b31; padding:2px; margin:0; text-decoration: none; display:block; line-height:1.2em; font-size:1.1em;}
#leftside li a:hover { color: #3a3a3b; background:#8dabd4; }
#leftside h3 { color : #eee; font : bold 12px Arial, Sans-Serif; background :#d4d9df; height : 20px; text-indent :10px; padding:4px; }
.imagelink { background: #90b3e3; color: #333; margin: 0 0 10px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width:240px; float:left;}
.imagelink:hover { background: #9fbfeb; }
.imagelink form {position:relative; left:5px;}
.imagelinkpic { float: left; margin: 4px 10px 4px 0; }
#other { clear:both; background: #e8ecf1; color: #202b31; font-weight:bold; padding: 5px; margin:0; text-align:center; }
.links { float: left; width: 112px; padding: 5px 5px 5px 15px; background: inherit; }
#linkbox { clear:both; width:100%; background: #fff; margin:0 0 5px 0; padding:5px 0; }
#linkbox li a { background:  url("/images/bullet.gif") no-repeat center left; padding: 0 0 0 12px; text-decoration:none; }
#linkbox li a hover { background: #eee url("/images/bullet.gif") no-repeat center left; text-decoration:none; }
#footer { clear: both; height:120px; color: #202b31; background: #1C549A; width:968px; }
#footer li { list-style: none; height:18px; }
#footer li a { display: block; text-decoration: none; margin: 0 0 1px 0; color: #202b31; background:url("/images/left_up.gif") no-repeat center left; padding: 2px 0 2px 30px; }
#footer li a:hover { color: #222; background: url("/images/left_over.gif") no-repeat center left; }
#footer a { color: #c2d3eb; background: none; }
#footer a:hover { color: #99a8bd; background:none; text-decoration:underline; }
#col1 { float: left; width:640px; padding: 0 20px 0 20px; margin:0; color:#fff;}
.thumbs img { display:inline; padding:1px; margin:2px 3px 2px 3px; border:2px solid #d4d9df; background:none; }
.thumbs img:hover { border:2px solid #202b31; }
.moreInfo a, .addToMyWorkout a {width:140px; padding:3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display:block; color:#fff; background:#4878bc; text-align:center; font-size:1.0em; line-height:1.0em; margin-bottom:10px;}
.moreInfo a:hover, .addToMyWorkout a:hover {background:#7698cb;}

/* Workout Display */
#workoutContainer { margin-bottom:10px; }
#workoutContainer table { width:680px; padding-top:5px; }
#workoutDetails { padding-bottom:10px; border-bottom:2px solid black; margin-bottom:10px; }
.exerciseTitle h1 { text-align:left; }
#workoutExerciseList { border:1px solid black; width:470px; }
#workoutExerciseList table { width:470px; }
.workoutDescriptionList { padding-bottom:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:#e9edf3; margin-top:10px;}
.workoutDescriptionList .left { float:left; width:470px; }
.workoutDescriptionList .right { float:right; text-align:right; width:185px; }
#workoutContainer .image { width:100px; }
#workoutContainer .exerciseTitle { width:470px; }
#workoutContainer .view { width:90px; }
#workoutContainer .image { float:left; width:90px; padding-right:10px;}
#workoutContainer .image img {border:#4878bc 3px solid;}
#workoutContainer h2 { }
#workoutContainer .description { float:right; width:325px; }
#workoutContainer .equipmentUsed,  #workoutContainer .muscleGroups { }
#workoutContainer .equipmentUsed span,  #workoutContainer .muscleGroups span { padding-right:5px; font-weight:bold; }
#stepList { padding-top:10px; width:470px; }
.step { padding-bottom:10px; }
.step .stepImage { float:left; width:90px; padding-right:10px; }
.step .stepDescription { float:right; width:575px; }
#breadCrumb { padding-top: 5px; padding-bottom: 15px; }
#breadCrumb li { display:inline; padding-right:5px; font: 14px Trebuchet MS, sans-serif; }
#search { float:left; position:relative; width:425px; left:70px; top:25px;}
#search label { font-weight:bold; padding-right:10px; color:#e6b630;}
#searchText { width:255px; }
#searchTextNixxie { width:155px; }
#search input, #search select { padding:0; margin:0; font:11px Tahoma, Arial, sans-serif; line-height: 17px; }
#search select {width:100px;}
.clear { padding:0; margin:0; }
.floatLeft { float:left; }
.floatRight { float:right; }
#exerciseManagement label { display:block; font-weight:bold; }
#exerciseManagement p { margin-bottom:10px; }
#exerciseManagement select { }
#exerciseManagement label span { color:red; }
#exerciseManagement div { margin-bottom:10px; }
.largeInput { width:600px; }
.mediumInput { width:300px; }
#exerciseSteps { }
#exerciseSteps ul { }
#exerciseSteps li { clear:both; height:50px; border:1px solid black; margin-bottom:10px; }
#exerciseSteps img { float:left; padding:6.5px 10px 10px 10px; }
#exerciseSteps .description { float:left; }
#exerciseSteps .commands { float:right; }
#exerciseSteps .commands .delete,  #exerciseSteps .commands .edit { width: 100px; height: 25px; padding-right: 30px; display: block; text-align: right; line-height: 25px; }
#exerciseSteps .commands .deleteBig { width: 100px; height: 50px; padding-right: 30px; display: block; text-align: right; line-height: 50px; }
#exerciseSteps .drag { float: right; width: 50px; height: 50px; display: block; text-align: center; line-height: 50px; cursor: move; }
.exerciseWorkoutBox { height:65px; background:#E8ECF1; text-align:center; }
.exerciseWorkoutBox label { font-weight:bold; padding-right:5px; }
.exerciseWorkoutBox select { margin-right:5px; }
.exerciseWorkoutBox div { padding-top:9px; }
#slideshow_images { position:relative; display:block; margin:0px; padding:0px; width:333px; height:241px; overflow:hidden; }
#slideshow_images li { position:absolute; display:block; list-style-type:none; margin:0px; padding:0px; background-color:#FFFFFF; }
#slideshow_images li img { display:block; background-color:#FFFFFF; }
.added { background-color:#FFFFB7; }
#usersUsingWorkout { float:right; width:200px; border:1px solid black; }
#usersUsingWorkout ol li { line-height: 20px; font-weight: bold; font-size:13px; }

#nixxieWrapper {float:left; position:relative; left:15px; margin:10px 0;}
#nixxie { clear:both; width:900px; margin:auto;}
.nixxieAd { float:left; margin-right:20px; width:160px; font-family:'trebuchet ms'; font-size:13px;}
.nixxieTitle { font-weight:bold; color:#10597A; }
.nixxieDescription { text-decoration:none; color:#444; }
.nixxieLink { color:#e5b42a; }
.nixxieLink a { color:#e5b42a; }
.nixxieLink a:hover { }
.ppc { font-family:'trebuchet ms'; font-size:16px; }
.ppc .ad { padding:8px 8px 8px 0; }
.ppc .ad .nixxieTitle { font-weight:bold; color:#10597A; }
.ppc .ad .nixxieDescription { text-decoration:none; color:#444; }
.ppc .ad .nixxieTitleContainer { margin-bottom:10px; }
.ppc .ad .nixxieUrl { color:#B8BB82; }
.splinks { text-align:right; padding-right:3px; float:right; font-size:16px; }
.splinks, .splinks a { color:#888; }
#articleSearchContainer a { color:black; }
#article h1 { font-size: 20px; }
#articleSearchContainer div { margin-bottom:10px; }
.hover tr:hover { background-color:#E8ECF1; }

#resourcesContainer, #signupContainer {position:relative; float:left; left:15px;}
#signupContainer h1 {color:#4577BB; font-family:arial,sans-serif; font-size:1.8em; font-weight:bold; margin:0; padding:2px 0;}

#signupContainer h2 {color:#1c549a; font-size:1.6em;}
#signupContainer input[type="text"], #signupContainer input[type="password"] {width:300px;}

@charset "UTF-8";


/* CSS Document */