/*/////////general///////////*/
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
height: 100%;
background: url(images/bg_01.jpg) top left repeat-x #fff;
}
body, html {
font: normal 100% Verdana, Helvetica, Arial, sans-serif;
margin: 0 auto;
padding: 0;
text-align: center;
}
object, embed, div, a, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, td, th, legend, font, ul, ol, li, select, form {
font: normal 100% Verdana, Helvetica, Arial, sans-serif;
}
a {
font: bold 11px Verdana, Helvetica, Arial, sans-serif;
text-decoration: underline;
}
a:link, a:visited {
color: #64a792;
}
a:hover, a:active {
color: #7c7c7c;
text-decoration: underline;
}
/*/////////main///////////*/
* html #mainWrapper {
height: 100%;
}
#mainWrapper {
text-align: center;
margin: 0 auto;
width: 712px;
position: relative;
min-height: 100%;
}
/*/////////header///////////*/
#header {
width: 712px;
padding: 55px 0 19px;
overflow: hidden;
margin: 0 auto;
}
#header #banner{
text-align:left;
width: 712px;
overflow: hidden;
margin: 0 auto;

}
#header #banner img.bbLogo{
float: left;

}

#header #banner .memBanner{
float: right;
display: block;
margin: 0 2px 0 0;
}

#header #banner p{
font: bold 18px Helvetica, Arial, sans-serif;
color: #a6a6a6;
margin: 21px 0 0 10px;
float: left;
overflow: auto;
}

#header24 {
width: 712px;
padding: 45px 0 13px;
overflow: hidden;
margin: 0 auto;
}
#header24 #banner{
text-align:left;
width: 712px;
overflow: hidden;
margin: 0 auto;

}
#header24 #banner img.bbLogo{
float: left;
}

#header24 #banner .memBanner{
float: right;
display: block;
margin: 0 2px 0 0;
}

#header24 #banner p{
font: bold 18px Helvetica, Arial, sans-serif;
color: #a6a6a6;
margin: 35px 0 0 10px;
float: left;
overflow: auto;
}

#login {
text-align: right;
padding: 0 11px 10px 0;
}
#login a {
font: normal 10px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
color: #a6a6a6;
text-transform: uppercase;
}
#login a:link, #login a:visited {
color: #a6a6a6;
text-decoration: none;
}
#login a:hover, #login a:active {
color: #64a792;
text-decoration: none;
}
/*/////////content///////////*/
#contentWrapper {
padding: 0 0 220px;
}
#copyWrapper {
background: url(images/bb_bg.jpg) top left repeat-y #fff;
height: 230px;
text-align: left;
vertical-align: top;
padding: 10px 40px;
}
#copyWrapper h1 {
font: bold 16px Verdana, Helvetica, Arial, sans-serif;
color: #949494;
margin: 0;
}
#copyWrapper h2 {
font: bold 14px Verdana, Helvetica, Arial, sans-serif;
color: #949494;
margin: 0;
}
#copyWrapper h3 {
font: bold 12px Verdana, Helvetica, Arial, sans-serif;
color: #949494;
margin: 15px 0 0;
}
#copyWrapper p {
font: normal 11px Verdana, Helvetica, Arial, sans-serif;
color: #949494;
margin: 0 0 5px;
}
#copyWrapper ul {
margin: 10px 0 10px 10px;
}
#copyWrapper ul li {
font: normal 11px/12px Verdana, Helvetica, Arial, sans-serif;
color: #949494;
margin: 0 0 10px 10px;
}

#copyWrapper ol {
margin: 10px 0 10px 10px;
}
#copyWrapper ol li {
font: normal 11px/12px Verdana, Helvetica, Arial, sans-serif;
color: #949494;
margin: 0 0 10px 10px;
}

/*/////////nav///////////*/
#navWrapper {
height: 38px;
width: 712px;
text-align: center;
clear: both;
}
#navWrapper ul {
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}
#navWrapper li {
float: left;
text-align: center;
padding: 0;
margin: 0;
}
#navWrapper li a {
display: block;
border: 0;
}
/*/////////flash///////////*/
#flashWrapper {
width: 712px;
height: 336px;
}
/*/////////nav2///////////*/
#nav2Wrapper {
height: 38px;
width: 712px;
text-align: center;
padding-top: 15px;
}
#nav2Wrapper ul {
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}
#nav2Wrapper li {
float: left;
text-align: center;
padding: 0;
margin: 0;
}
#nav2Wrapper li a {
display: block;
border: 0;
}
/*/////////footer///////////*/
#footer {
text-align: center;
margin: -159px auto 0;
position: relative;
background: url(images/bg_02.jpg) top left repeat-x #fff;
width: 100%;
height: 159px;
}
* html #footer {
margin-top: -159px;
}
#footer div {
width: 680px;
margin: 0 auto 0;
padding: 1px 0 0;
}
#footer div p {
text-align: left;
font: normal 10px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
color: #aaa;
margin: 10px 0;
}
#footer div .vertLine {
color: #8b8b8b;
}
#footer div a {
font: normal 10px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
color: #8b8b8b;
text-transform: uppercase;
}
#footer div a:link, #footer div a:visited {
color: #8b8b8b;
text-decoration: none;
}
#footer div a:hover, #footer div a:active {
color: #64a792;
text-decoration: none;
}
/*/////////clearfix///////////*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/*/////////forms///////////*/
form#largeForm {
font: normal 11px Verdana, Helvetica, Arial, sans-serif;
color: #949494;
margin: 0 18px;
padding: 0;
min-width: 350px;
max-width: 400px;
width: 375px;
}
form#largeForm fieldset {
border: 1px solid #e8e8e8;
padding: 10px;
margin: 0 0 10px;
}
form#largeForm fieldset legend {
color: #949494;
font-size: 1.1em;
font-weight: bold;
margin: 0 0 10px;
text-transform: uppercase;
}
form#largeForm label {
width: 150px;
float: left;
padding: 0;
margin: 6px 10px 0 0;
text-align: right;
}
form#largeForm input.text, form#largeForm textarea, form#largeForm select {
font: 11px Verdana, arial, sans-serif;
color: #949494;
width: 150px;
margin: 5px 0 0;
float: none;
}

form#largeForm p.input {
font: 11px Verdana, arial, sans-serif;
color: #949494;
width: 150px;
margin: 5px 0 0 160px;
}



form input#submit {
border: 1px solid #f5ee34;
color: #949494;
font: 11px Verdana, arial, sans-serif;
font-weight: bold;
}
textarea {
overflow: auto;
}
form br {
clear: left;
}

form#largeForm p.alert{
color: #9a5757;
font-weight: bold;

}
/*/////////images///////////*/
img {
border: none;
margin: 0;
}
.imgRight {
float: right;
margin: 3px 0 10px 15px;
}
.imgLeft {
float: left;
margin: 3px 15px 10px 0;
}
.displayBlock {
display: block;
margin: 0;
padding: 0;
}

/*/////////misc///////////*/
.asterisk {
color: #9a5757;
}
.listBox {
margin: 15px 0 0 20px;
float: left;
width: 45%;
}


/*/////////fitness_resources///////////*/

.fitnessResourcesLeft {
width: 15px;
background-image: url(images/fitness_resources_left.gif);
background-repeat: repeat-y;
}

.fitnessResourcesShadow {
width: 3px;
background-image: url(images/fitness_resources_shadow.gif);
background-repeat: repeat-y;
background-color: #8C8C8C;
}

.fitnessResourcesPic {
width: 138px;
background-image: url(images/fitness_resources_pic_back.gif);
background-repeat: repeat-x;
background-color: #8C8C8C;
vertical-align: top;
}

.fitnessResourcesMain {
width: 458px;
/*
background-image: url(/images/fitness_resources_main_back.gif);
background-repeat: repeat-x;
*/
background-color: #A4A4A4;
vertical-align: top;
padding-left: 10px;
padding-right: 10px;
}

.fitnessResourcesRight {
width: 17px;
background-image: url(images/fitness_resources_right.gif);
background-repeat: repeat-y;
}

#fitnessResourcesContent p {
color: #767676;
font-size: 10px;
font-weight: bold;
padding-bottom: 10px;
}

#fitnessResourcesContent .resourceHeaders {
font-weight: bold;
color: #EEECEC;
font-size: 12px;
padding-bottom: 10px;
}

#fitnessResourcesContent a, #fitnessResourcesContent a:link, #fitnessResourcesContent a:visited, #fitnessResourcesContent a:active {
color: #EEECEC;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}

#fitnessResourcesContent a:hover {
text-decoration: underline;
}

.fitnessResourceDetails {
font-size: 12px;
padding-bottom:15px;
padding-top:15px;
}

.resourceWhite {
color: #EEECEC;
font-weight: bold;
font-size: 12px;
}

#homeResourceInnerBox {
width: 182px;
}

#homeResourceInnerBox input{
color: #767676;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

#homeResourceInnerBox select{
color: #767676;
font: normal 9px/9px Verdana, Arial, Helvetica, sans-serif;
}

#homeResourceInnerBoxTop {
background: url(images/calculators_01.jpg) top left no-repeat #ccc;
width: 182px;
height: 49px;
}

#homeResourceInnerBoxMid {
background: url(images/calculators_bg.jpg) top left no-repeat #ccc;
width: 182px;
padding: 4px 0;
margin: 0 auto;
}

#homeResourceInnerBoxBottom {
background: url(images/calculators_03.jpg) top left no-repeat #ccc;
width: 182px;
height: 63px;
vertical-align: top; 
}


#homeResourceInnerBoxBottom p{
font: bold 9px/9px Verdana, Arial, Helvetica, sans-serif;
margin: 4px 0;
letter-spacing: .01em;
text-align: center;
color: #e9e9e9;

}

#homeResourceInnerBoxBottom input{
font: bold 12px/12px Verdana, Arial, Helvetica, sans-serif;
border: none;
background: #8c8c8c;
color: #e9e9e9;
}


.homeResourceInnerBoxHeadline {
font-size: 9px;
font-weight: bold;
color: #8d8d8d;
text-transform:uppercase;
padding: 4px;
}

.homeResourceInnerBoxContent { 
font-size: 9px;
font-weight: normal;
color: #6a6a6a;
text-transform:uppercase;
padding: 2px 4px;
margin: 0 auto;
}

.caloricNeeds {
border: 1px solid #8d8d8d; 
padding: 0px;
}

.cartRow1 { background-color: #e1e1e1; }
.cartRow2 { background-color: #efefef; }
.cartRow3 { background-color: #f5f5f5; }

.reportTableColumns { 
border-right: 1px solid #cecece; 
border-bottom: 1px solid #cecece; 
padding: 3px;
font-size: 10px;
color:#8d8d8d;
}

.checkoutfieldheaders { 
background:URL("images/report_box_bg.gif") ; 
font-size: 10px; 
font-weight: bold;
color: #FFF;
text-transform:uppercase;
}

.pager_nav_page_active {
    font-size: 16px;
    text-decoration: none;
    font-weight: bolder;
}

#copyWrapper .faq {
    margin:15px 0 20px 0;
}