/* ************************************************
** Standard Colors
***************************************************
** = Created for new blue/yellow theme
** #FFCB05 - Goldenrod
** #8C6F01 - Dark Goldenrod (BA9300)
** #00AEEF - Cyan
** #006186 - Dark Cyan
** = Shared amongs new and old themes
** #EEEEEE - Lighest gray (almost white for background)
** #807F84 - Light gray
** #3D3D3D - Darkest gray (almost black)
** = Old red/yellow theme
** #EE3523 - Orangish-Red
** #FFBB3A - Golden Yellow
** #CE7C00 - Golden Yellow (darker for text)
** #646367 - Darker gray (menu hover)
************************************************ */

/* ************************************************
** The following line clears the default behavior
**  of most HTML elements and helps standardize
**  browser behavior.  Published as 'Yahoo Reset
**  version 2.4.1' under the BSD License and is
**  Copyright (c) 2007, Yahoo! Inc.
************************************************ */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}


/* ************************************************
** The following CSS was written for exclusive use
**  on fitness-premier.com.
** Copyright (C) 2009, Cogtivity, Inc.
************************************************ */
html, {
   height: 100%;
}
body {
   font: 12px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
   color: #3D3D3D;
}
a {
   color: #3D3D3D;
}
#container {
   width: 766px;
   margin-left: auto;
   margin-right: auto;
}
/* Hack for IE6 and below.  Needs a wider width. */
* html #container {
   width: 770px;
}
#masthead {
   height: 212px;
}
#masthead img.logo {
   padding-top: 30px;
}
#submenu {
   color: #006186;
   background: #00AEEF;
   padding-left: 5px;
}
#login {
   display: inline-block;
   width: 250px;
}
#login a {
   color: #006186;
   font-weight: bold;
}
#locate {
   width: 505px;
   text-align: right;
   display: inline-block;
}
#locate select {
   background: #00AEEF;
   border: 1px solid #006186;
   width: 100px;
}
#locate select optgroup {
   background: #807F84;
   color: #FFF;
   font-style: normal;
}
#locate select optgroup option {
   background: #FFF;
   color: #000;
}
#sidebar {
   padding-top: 7px;
   width: 275px;
   float: left;
   height: 100%;
   padding-right: 10px;
}
#sidebar img {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
#content {
   padding-top: 7px;
   background: #EEEEEE;
   width: 471px;
   overflow: hidden;
   float: right;
   padding-left: 10px;
   height: 100%;
}
#footer {
   clear: both;
   background: #807F84;
   color: #3D3D3D;
   text-align: center;
   font-size: .8em;
}
#footer img {
   padding-top: 5px;
}
#footer a {
   color: #3D3D3D;
   text-decoration: none;
   font-weight: bold;
}

#sidebar h4 {
   text-align: center;
}
h1, h2, h3, h4, h5, h6 {
   color: #006186;
   font-weight: bold;
}
h1 {font-size: 1.4em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
ol {
   margin-left: 1.2em;
   padding-left: 1.2em;
   text-indent: .2em;
}
ul {
   margin-left: 1em;
   padding-left: 1em;
}
ul li {
   list-style-type: circle;
}
ul li ul li {
   list-style-type: square;
}
ol li {
   list-style-type: decimal;
}
.note {
   font-style: italic;
}
.intro {
   font-weight: bold;
}
strong {
   font-weight: bold;
}
#content p, #sidebar p {
   margin-bottom: 10px;
}

/* ************************************************
** Style any form controls
************************************************ */
input, select, textarea {
   width: 200px;
}
label {
   display: inline-block;
   width: 100px;
}

/* ************************************************
** Color the menu
************************************************ */
#menu {
   background: #807F84;
   padding-top: 5px;
   padding-bottom: 5px;
   height: 26px;
}
#jsddm li a {
   background: #FFCB05;
   color: #8C6F01;
   font-weight: bold;
   text-transform: uppercase;
   font-size: 1.2em;
}
#jsddm li ul li a {
   text-transform: none;
}
#jsddm li a:hover {
   background: #8C6F01;
   color: #FFCB05;
}
#jsddm li ul {
   border-top: 3px solid #807F84;
}
#jsddm li ul li a {
   background: #FFCB05;
}
#jsddm li ul li a:hover {
   background: #8C6F01;
   color: #FFCB05;
}

/* ************************************************
** Handle the JavaScript Drop-Down Menu (JSDDM)
**  (attributes required for functionality)
************************************************ */
#jsddm {
   margin: 0;
   padding: 0;
}
#jsddm li {
   float: left;
   list-style: none;
   padding: 0;
   margin: 0;
}
#jsddm li a {
   display: block;
   padding: 5px 12px;
   text-decoration: none;
   width: 85.4px;
   text-align: center;
   white-space: nowrap;
}
#jsddm li ul li a {
   text-align: left;
}
#jsddm li ul {
   margin: 0;
   padding: 0;
   position: absolute;
   visibility: hidden;
   z-index: 99;
}
#jsddm li ul li {
   float: none;
   display: inline;
}
#jsddm li ul li a {
   width: auto;
}

/* ************************************************
** "Hack" to force the sidebar and content columns
**  to equivelant heights
************************************************ */
#sidebar, #content {
   padding-bottom: 32767px;
   margin-bottom: -32767px;
}
#main {
   overflow: hidden;
}

/* ************************************************
** Page-specific formatting issues.  (Eg, not using
**  all columns, etc.
************************************************ */
body.Calendar #sidebar,
body.News #sidebar,
body.Newsletter #sidebar,
body.Newsletter_Thanks #sidebar,
body.Trial_Thanks #sidebar,
body.Contact_Us_Thanks #sidebar,
body.Promotions #sidebar,
body.Location #sidebar,
body.Community_Relations #sidebar,
body.Job_Openings #sidebar {
   display: none;
}
body.Calendar #content,
body.News #content,
body.Newsletter #content,
body.Newsletter_Thanks #content,
body.Trial_Thanks #content,
body.Contact_Us_Thanks #content,
body.Promotions #content,
body.Location #content,
body.Community_Relations #content,
body.Job_Openings #content {
   width: 100%;
   background: #FFFFFF;
}
body.Location #content {
   background: #FFFFFF;
}
body.Equipment #content img {
   border: 1px solid #000000;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 10px;
   margin-right: 10px;
}
body.Equipment #content .centered {
   display: block;
   width: 440px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}
body.Home {
   background: #0099FF;
}
body.Home #content {
   background: #0099FF;
}
#map {
   width: 500px;
   height: 400px;
   float: right;
}


/* EDITOR RELATED STYLES - CUSTOMIZE FOR YOUR NEEDS */
/*
    The classes panel, the visual feedback and the preview
    will be affected by these values.
    
    - Commented styles inside style definitions are used for visual 
      feedback when using the editor.
    - Comments before opening the style are used as caption.
    - Comments after the class name and before the style declaration ({)
      define the jQuery expression that decides whether this 
      style should be applied or not.
      
    Note: the WYMeditor and /WYMeditor comments below are required
    for the CSS parser to work properly.
*/

/* WYMeditor */

/* Bullet: Check */
ul.check li /* li */ {
   list-style-type: square;
   list-style-image: url('http://www.fitness-premier.com/Images/check.jpg');
   /* list-style-type: square; list-style-image: url('http://www.fitness-premier.com/Images/check.jpg'); */
}

/* Paragraph: Hidden*/
p.hidden-note /* p[@class!="important"] */ {
     display: none;
    /* color: #999; border: 2px solid #ccc; */
}

/* Paragraph: Important */
p.important /* p[@class!="hidden-note"] */ {
    color: red; font-weight: bold;
    /* color: red; font-weight: bold; border: 2px solid red; */
}
/* Centered */
.centered /* p, h1, h2, h3, h4, h5, h6 */ {
    text-align: center;
    /* text-align: center; */
}

/* /WYMeditor */
/* END EDITOR RELATED STYLES */