/* /////////////////// GLOBALS //////////////////// */ 
 
body { padding: 0; margin: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; background-color: #f5f5f5;}
div.h1area, div#h1area { float: left; width: 925px; padding-top:15px; position: relative; margin: 0 auto; }
div.h1area p, div#h1area p { text-align: center; }
h3 { margin-top: 0; margin-bottom: 0; }
h1, h2 { margin-top: 0px; margin-bottom: 0; position: relative; padding: 5px 0 5px 10px; height: 22px; }
h2.h2bottom { padding: 5px 0 10px 250px; margin-bottom: 0px; }
p { margin: 0 0 5px 0; }
hr { height:0px; width:100%; margin:4px 0px 4px 0px;  padding:0px 0px 0px 0px; border-style: solid; border-width: 1px 0px 0px 0px; clear:both; }
hr.small { width:94%; text-align:left;}
abbr, acronym, .help { border-bottom: 1px dotted; cursor: help; }
  /* to apply this -- <span class="help" title="Most recent browsers show the text in the TITLE attribute as a tool tip or in a message in the browser window.">TITLE attribute</span>
<a href="#" title="example home page">home</a> */
.help2 { cursor: help; }
img { border: none; }
.dash { padding: 0px; margin-top: 2px;  margin-bottom: 2px; float: left; }
.dash2 { padding: 0px; margin-top: 2px;  margin-bottom: 2px; }
.dash3 { padding: 0; margin: 0; line-height: 70%;}
.dash4 { float: left; position: relative; width: 300px; margin: 0 auto; text-align: left; line-height: 70%;}

/* /////////////////// MAIN DIVs //////////////////// */ 
div#container { position: relative; width: 925px; border-bottom: 0; border-top: 0; margin: 0 auto; margin-top: 0; text-align: left; clear : both; background-color: #ffffff; border: #e9e9e9 1px solid; }
* html #container { width: 925px; height:1%; /* So IE plays nice */ }
div#content { margin-left: 0px; padding-right: 5px; clear : both;}

div.top-lock { margin: 0 auto; position: relative; width: 925px; text-align: right;  padding: 5px 0 0 0; clear : both;}
div.top-lock { background-image: url("../images/global/top-lock-info.jpg"); background-repeat: no-repeat; background-position: top right;}

div.c_warning-message { margin: 0 auto; margin:10px; width: 925px; float: left; overflow:hidden; font-weight: bold; color: red; clear : both;}
div.c_success-message { margin: 0 auto; margin:10px; width: 925px; float: left; overflow:hidden; font-weight: bold; color: #339900; clear : both;}

/* /////////////////// FOOTER //////////////////// */  
div#footer { position: relative; text-align: center;  padding: 3px 0 5px 0; clear : both;}
div#footer p { font-size: 11px; color: #909090; font-weight:normal; margin-top: 5px; }
div#footer a:link { font-size: 11px; color: #5a5d56; font-weight:bold; text-decoration: none; }
div#footer a:visited { font-size: 11px; color: #5a5d56; font-weight:bold; text-decoration: none; }
div#footer a:hover { font-size: 11px; color: #5a5d56; font-weight:bold; text-decoration: none; }
div#footer a:active { font-size: 11px; color: #5a5d56; font-weight:bold; text-decoration: none;}

/* /////////////////// SUBPAGES DIVs //////////////////// */
div.top-sectionSUB { position: relative; width: 905px; margin: 0 auto; margin: 10px 10px 10px 10px; text-align: left; clear : both; overflow: hidden; }
div.top-sectionSUB { background-image: url("../images/pages/top-subpage-banner.jpg"); background-repeat: no-repeat; background-position: top left; }

div.top-section-wrapSUB { position: relative; width: 905px; margin: 0 auto; margin: 10px 0 10px 0; text-align: left; clear : both; overflow: hidden; }
div.top-section-wrapSUB { background-image: url("../images/global/clear.gif"); background-repeat: no-repeat; background-position: top left; }
div.top-section-wrapSUB-colA { float: left; position: relative; width: 450px; height: 520px; margin: 0 auto; margin: 0 10px 0 0; text-align: left; overflow: hidden; }
div.top-section-wrapSUB-colB { float: right; position: relative; width: 880px; margin: 0 auto; margin: 0 15px 0 0; text-align: justify; overflow: hidden; }

div.top-section-wrapSUB-colB h1 { font-size: 20px; color: #FFFFFF; font-weight:bold; text-align: left; margin: 0 0 55px 0;}
div.top-section-wrapSUB-colB p { font-size: 11px; color: #333333; font-weight:normal; text-align: justify; padding: 6px 0 6px 0;}
div.top-section-wrapSUB-colB img { float: right; position: relative; padding: 8px 0 8px 10px; }

div#trf-BUTTONsub { float: left; width: 440px; margin: 0 0 0 0; padding-left: 175px; text-align: left; }



div.top-formSUB2 { position: relative; width: 488px; height: 273px; margin: 0 auto; margin: 180px 0 0 0; text-align: left; overflow: hidden; z-index: 60; overflow: hidden;}
div.top-formSUB2 { background-image: url("../images/pages/sub-form-bg.png"); background-repeat: no-repeat; background-position: top left; }
div.top-section-wrapSUB-colA2 { float: left; position: relative; width: 488px; height: 520px; margin: 0 auto; margin: 0 10px 0 0; text-align: left; z-index: 50; }
div#trf8-BUTTONsub-wrap { float: left; width: 488px; margin: 0 0 0 0; padding-left: 20px; text-align: left; z-index: 100; overflow: hidden;}
div#trf8-BUTTONsub-wrap { background-image: url("../images/pages/sub-form-bottom-bg.png"); background-repeat: no-repeat; background-position: top left; }
div#trf8-BUTTONsub { float: left; width: 488px; margin: 10px 0 8px 0; padding-left: 0; text-align: left; z-index: 100;}
div.sec-questions2 { float: left; position: relative; width: 380px; margin: 0 auto; text-align: left; margin: 4px 0 0 5px; overflow:hidden; }
div.sec-questions2 LABEL { width: 70px; float: left; position: relative; color: #FFFFFF; font-weight: bold; margin-right: 6px; }

/* /////////////////// SUB DIVs //////////////////// */
div.top-sectionA { position: relative; width: 905px; height: 535px; margin: 0 auto; margin: 10px 10px 10px 10px; text-align: left; clear : both; overflow: hidden; }
div.top-sectionA { background-image: url("../images/pages/top-banner-medical.jpg"); background-repeat: no-repeat; background-position: top left; }
div.top-sectionB { position: relative; width: 905px; height: 535px; margin: 0 auto; margin: 10px 10px 10px 10px; text-align: left; clear : both; overflow: hidden; }
div.top-sectionB { background-image: url("../images/pages/top-banner-vitamin.jpg"); background-repeat: no-repeat; background-position: top left; }
div.top-sectionC { position: relative; width: 905px; height: 535px; margin: 0 auto; margin: 10px 10px 10px 10px; text-align: left; clear : both; overflow: hidden; }
div.top-sectionC { background-image: url("../images/pages/top-banner-SFWL.jpg"); background-repeat: no-repeat; background-position: top left; }
div.top-sectionD { position: relative; width: 905px; height: 535px; margin: 0 auto; margin: 10px 10px 10px 10px; text-align: left; clear : both; overflow: hidden; }
div.top-sectionD { background-image: url("../images/pages/top-banner-FastSafe.jpg"); background-repeat: no-repeat; background-position: top left; }

div.top-section-wrap { position: relative; width: 905px; height: 535px; margin: 0 auto; margin: 10px 0 10px 0; text-align: left; clear : both; overflow: hidden; }
div.top-section-wrap { background-image: url("../images/global/clear.gif"); background-repeat: no-repeat; background-position: top left; }

div.top-form { position: relative; width: 440px; height: 280px; margin: 0 auto; margin: 180px 0 10px 0; text-align: left; clear : both; overflow: hidden; }
div.top-form { background-image: url("../images/pages/main-form-bg.png"); background-repeat: no-repeat; background-position: top left; }

div.mid-section { position: relative; width: 905px; margin: 0 auto; margin: 10px 10px 10px 10px; text-align: left; clear : both; overflow: hidden; }
div.mid-section p { font-size: 11px; color: #5a5d56; font-weight:normal; text-align: justify; }

div.bottom-section { position: relative; width: 905px; margin: 0 auto; margin: 0 10px 10px 10px; text-align: left; clear : both; overflow: hidden; }
div.bottom-section-wrap { position: relative; width: 905px; margin: 0 auto; margin: 0 0 10px 0; text-align: left; clear : both; overflow: hidden; }
div.bottom-section-colA { float: left;  position: relative; width: 285px; height: 143px; margin: 0 auto; margin: 0 0 0 0; text-align: left; overflow: hidden; }
div.bottom-section-colB { float: left;  position: relative; width: 285px; height: 143px; margin: 0 auto; margin: 0 0 0 0; text-align: left; overflow: hidden; }
div.bottom-section-colC { float: left;  position: relative; width: 285px; height: 143px; margin: 0 auto; margin: 0 0 0 0; text-align: left; overflow: hidden; }
div.bottom-section-colD { float: left;  position: relative; width: 285px; height: 143px; margin: 0 auto; margin: 0 0 0 0; text-align: left; overflow: hidden; }
div.bottom-section-col-spacer { float: left;  position: relative; width: 24px; height: 143px; margin: 0 auto; margin: 0 0 0 0; text-align: left; overflow: hidden; }
div.bottom-section-colA { background-image: url("../images/pages/docscale.jpg"); background-repeat: no-repeat; background-position: top right; }
div.bottom-section-colB { background-image: url("../images/pages/10782144.jpg"); background-repeat: no-repeat; background-position: top right; }
div.bottom-section-colC { background-image: url("../images/pages/8842826.jpg"); background-repeat: no-repeat; background-position: top right; }
div.bottom-section-colD { background-image: url("../images/pages/lose20lbs.jpg"); background-repeat: no-repeat; background-position: top right; }
div.bottom-section-colA-over { float: left;  position: relative; width: 285px; height: 143px; margin: 0 auto; text-align: left; overflow: hidden; }
div.bottom-section-colB-over { float: left;  position: relative; width: 285px; height: 143px; margin: 0 auto; text-align: left; overflow: hidden; }
div.bottom-section-colC-over { float: left;  position: relative; width: 285px; height: 143px; margin: 0 auto; text-align: left; overflow: hidden; }
div.bottom-section-colD-over { float: left;  position: relative; width: 285px; height: 143px; margin: 0 auto; text-align: left; overflow: hidden; }
div.bottom-section-colA-over { background-image: url("../images/pages/bottom-box-a-over.png"); background-repeat: no-repeat; background-position: top left; }
div.bottom-section-colB-over { background-image: url("../images/pages/bottom-box-b-over.png"); background-repeat: no-repeat; background-position: top left; }
div.bottom-section-colC-over { background-image: url("../images/pages/bottom-box-c-over.png"); background-repeat: no-repeat; background-position: top left; }
div.bottom-section-colD-over { background-image: url("../images/pages/bottom-box-d-over.png"); background-repeat: no-repeat; background-position: top left; }

div.bottom-section-title { float: left;  position: relative; width: 150px; margin: 0 auto; margin: 12px 0 0 5px; text-align: left; overflow: hidden; }
div.bottom-section-title h3 { font-size: 13px; color: #01396e; font-weight:bold; }
div.bottom-section-subtitle { float: left;  position: relative; width: 150px; margin: 0 auto; margin: 5px 0 0 5px; text-align: left; overflow: hidden; }
div.bottom-section-subtitle h3 { font-size: 13px; color: #FFFFFF; text-transform: uppercase; font-weight:bold; }
div.bottom-section-content { float: left;  position: relative; width: 145px; margin: 0 auto; margin: 10px 0 0 5px; text-align: left; overflow: hidden; }
div.bottom-section-content p { font-size: 10px; color: #000000; text-align: left; }
div.bottom-section-more { float: left;  position: relative; width: 150px; margin: 0 auto; margin: 6px 0 0 5px; text-align: left; overflow: hidden; }
div.bottom-section-more-colA { float: left;  position: relative; width: 27px; height: 27px; margin: 0 auto; margin: 0 10px 0 12px; text-align: left; overflow: hidden; }
div.bottom-section-more-colA { background-image: url("../images/pages/bottom-boxes-small-button.png"); background-repeat: no-repeat; background-position: top left; }
div.bottom-section-more-colB { float: left;  position: relative; width: 90px; margin: 0 auto; margin: 5px 0 0 0; text-align: left; overflow: hidden; }

div.bottom-section-more-colB a:link { font-size: 11px; color: #544159; font-weight:bold; text-decoration: none; }
div.bottom-section-more-colB a:visited { font-size: 11px; color: #544159; font-weight:bold; text-decoration: none; }
div.bottom-section-more-colB a:hover { font-size: 11px; color: #544159; font-weight:bold; text-decoration: none; }
div.bottom-section-more-colB a:active { font-size: 11px; color: #544159; font-weight:bold; text-decoration: none;}

div.tell-me-more { float: left;  position: relative; width: 120px; height: 11px; margin: 0 auto; text-align: left; overflow: hidden; }
div.tell-me-more { background-image: url("../images/pages/tell-me-more.png"); background-repeat: no-repeat; background-position: top left; }

/* /////////////////// TOP LEFT FORM //////////////////// */
div.top-form-wrap { float: left; position: relative; width: 400px; margin: 0 auto; text-align: left; margin: 45px 0 10px 40px; overflow:hidden; }
div.top-form-wrap2 { float: left; position: relative; width: 440px; margin: 0 auto; text-align: left; margin: 45px 0 10px 40px; overflow:hidden; }

div.submit-container { float: left; width: 900px; margin: 0 auto; text-align: left;}
div.submit-container-colA { float: left;  position: relative; width: 580px; margin: 0 auto; margin: 0 190px 0 0; text-align: left; overflow: hidden; }
div.submit-container-colB { float: left;  position: relative; width: 120px; margin: 0 auto; margin: 25px 0 0 0; text-align: left; overflow: hidden; }

div#trf-BUTTON { float: left; width: 560px; margin: 0 0 0 0; padding-left: 220px; text-align: left; }
.trf-BTN { width: 216px; height: 42px; background-image: url("../images/pages/get-started-btn.png"); background-repeat: no-repeat; background-position: top left; }
.trf-BTN:hover { width: 216px; height: 42px; background-image: url("../images/pages/get-started-btn.png"); background-repeat: no-repeat; background-position: bottom left; }
input.trf-submit { width: 216px; height: 42px; outline: none; }

div#trf8-BUTTON { float: left; width: 560px; margin: 0 0 0 0; padding-left: 155px; text-align: left; }
.trf8-BTN { width: 270px; height: 37px; background-image: url("../images/pages/get-started-btn8.png"); background-repeat: no-repeat; background-position: top left; }
.trf8-BTN:hover { width: 270px; height: 37px; background-image: url("../images/pages/get-started-btn8.png"); background-repeat: no-repeat; background-position: bottom left; }
input.trf8-submit { width: 270px; height: 37px; outline: none; }

div.sec-name { float: left; position: relative; width: 160px; margin: 0 auto; text-align: left; margin: 4px 0 5px 5px; overflow:hidden; }
div.sec-name LABEL { width: 50px; float: left; position: relative; color: #FFFFFF; font-weight: bold; margin-right: 6px; }
div.sec-name INPUT { width: 90px; height: 16px; outline: none; }

div.sec-lastname { float: left; position: relative; width: 180px; margin: 0 auto; text-align: left; margin: 4px 0 5px 5px; overflow:hidden; }
div.sec-lastname INPUT { width: 120px; height: 16px; outline: none; }

div.sec-age { float: left; position: relative; width: 100px; margin: 0 auto; text-align: left; margin: 4px 0 5px 5px; overflow:hidden; }
div.sec-age LABEL { width: 50px; float: left; position: relative; color: #FFFFFF; font-weight: bold; margin-right: 6px; }
div.sec-age INPUT { width: 30px; height: 16px; outline: none; }

div.sec-gender { float: left; position: relative; width: 260px; margin: 0 auto; text-align: left; margin: 4px 0 5px 5px; overflow:hidden; }
div.sec-gender LABEL { width: 50px; float: left; position: relative; color: #FFFFFF; font-weight: bold; margin-right: 6px; }
div.sec-gender INPUT { outline: none; }

div.sec-phone { float: left; position: relative; width: 380px; margin: 0 auto; text-align: left; margin: 4px 0 5px 5px; overflow:hidden; }
div.sec-phone LABEL { width: 50px; float: left; position: relative; color: #FFFFFF; font-weight: bold; margin-right: 6px; }

div.sec-email { float: left; position: relative; width: 380px; margin: 0 auto; text-align: left; margin: 4px 0 5px 5px; overflow:hidden; }
div.sec-email LABEL { width: 50px; float: left; position: relative; color: #FFFFFF; font-weight: bold; margin-right: 6px; }
div.sec-email INPUT { width: 160px; height: 16px; outline: none; }

div.sec-questions { float: left; position: relative; width: 380px; margin: 0 auto; text-align: left; margin: 4px 0 5px 5px; overflow:hidden; }
div.sec-questions LABEL { width: 70px; float: left; position: relative; color: #FFFFFF; font-weight: bold; margin-right: 6px; }

div.sec-contacttime { float: left; position: relative; width: 380px; margin: 0 auto; text-align: left; margin: 4px 0 5px 5px; overflow:hidden; }
div.sec-contacttime LABEL { width: 140px; float: left; position: relative; color: #FFFFFF; font-weight: bold; margin-right: 6px; }
div.sec-contacttime SELECT { outline: none; }