/*COLORS USED THROUGHOUT SITE*/
/*	#EFEFEF	Light Gray used in left and right sides
/*	#244061 dark blue used for borders and text



/* MAIN */
*
{
    margin: 0;
    padding: 0;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


div
{
    /*font-size: 10pt; margin-top: 10px;*/
    color: #000;
}


#mainDiv
{
    margin-right: auto;
    margin-left: auto;
    width: 900px;
}
/*MAIN BOX*/


.centerDiv
{
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.centerDiv a
{
    font-family: Arial, Verdana, MS Sans-Serif;
    font-size: 10pt;
}

#header
{
    margin-bottom: 0px;
    width: 900px;
    clear: both;
    color: #FFF;
    border: solid 1px #244061;
    padding: 0px 0px 0px 0px;
    margin-left: 11px;
    background-color: #f5f4f9;
}

.mainTable
{
    border-bottom-width: 0px;
    border-left-width: 2px;
    border-right-width: 2px;
    border-top-width: 2px;
    border-style: solid;
    border-color: #366092;
    margin: 0px 4px 4px 4px;
    padding: 0px 0px 0px 0px;
}
.mainNav
{
    border-bottom: solid 0px #C6c6c6;
    border-left: solid 0px #366092;
    border-right: solid 0px #366092;
    border-top: solid 0px #C6c6c6;
    height: 24px; /*background: #fff;*/
}
a
{
    color: #3B5386;
    font-weight: bold;
    text-decoration: none;
    font-size: 8pt;
}

a:hover
{
    color: #3B5386;
    font-weight: bold;
    text-decoration: underline;
    
}

a img
{
    text-decoration: none;
    border: 0px;
}

ul
{
    list-style-type: square;
    list-style-position: outside;
    margin-left: 18px;
}

li
{
    list-style-type: square;
}

/* PAGE TITLES */

.PageTitle
{
    font-size: 36pt;
    font-weight: bold;
    color: #000;
    padding-left: 12px;
    padding-right: 12px;
    font-family: Georgia, Arial;
}

.PageTitle2
{
    font-size: 24pt;
    font-style: normal;
    font-weight: bold;
    color: #244061;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 0px;
    text-align: center;
    font-family: Georgia, Arial;
}

.PageTitle3
{
    font-size: 14pt;
    font-family: Georgia, Arial;
    margin-right: auto;
    margin-left: auto;
    font-weight: bold;
    text-align: center;
}

/* PAGE SECTIONS */
.Section1
{
    color: #000;
    font-size: 13pt;
    font-weight: bold;
    text-align: left;
    padding-left: 50px;
    padding-right: 100px;
    padding-bottom: 2px;
    padding-top: 10px;
    margin-right: 50px;
}
.Section1IB
{
    color: #000;
    font-size: 14pt;
    font-weight: bold;
    font-style: italic;
    text-align: left;
}

.Section2
{
    color: #000;
    font-size: 11pt;
    font-weight: normal;
    text-align: left;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 2px;
    padding-top: 5px;
    margin-top: 10px;
    overflow: hidden;
}

.Section2 a
{
    color: #244061;
    font-size: 11pt;
    font-weight: bold;
    font-style: italic;
}

.Section2 ol li
{
    list-style-type: decimal;
    list-style-position: outside;
}

.Section2Afl
{
    color: #000;
    font-size: 11pt;
    font-weight: normal;
    text-align: left;
    padding-left: 30px;
    padding-right: 25px;
    padding-bottom: 2px;
    padding-top: 5px;
    margin-top: 10px;
}

.Section2Afl a
{
    color: #244061;
    font-size: 11pt;
    font-weight: bold;
    font-style: italic;
}

.Section3
{
    color: #000;
    font-size: 10pt;
    font-weight: normal;
    text-align: left;
    margin-top: 2px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 2px;
    padding-top: 5px;
}

.Section4
{
    color: #000;
    font-size: 8pt;
    font-weight: normal;
    text-align: left;
    margin-top: 10px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 2px;
    padding-top: 5px;
}


.DownloadLink
{
    color: #244061;
    font-size: 12pt;
    font-weight: bold;
    font-style: italic; /*background-color: Yellow;*/
}
.DownloadLink a
{
    color: #244061;
    font-size: 12pt;
    font-weight: bold;
    font-style: italic;
    background-color: Yellow;
}

/* SLIDER */
.Slider1
{
    color: #000000;
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 5px;
}

.Slider2
{
    color: #000000;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: underline;
    font-style: italic;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 5px;
}
.Slider2 a
{
    font-size: 12pt;
    text-decoration: underline;
}

.Slider3
{
    color: #244061;
    font-size: 14pt;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 5px;
}
.Footer
{
    font-size: 8pt;
    font-weight: normal;
}

/* TESTIMONIALS */
.Letter
{
    border: solid 2px #97b5d8;
    background: #f1f6f8 url('https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/Spanish/images/aquagradient1.png') repeat-x;
    text-align: left;
    font-size: 10pt;
    font-family: courier new;
    font-style: normal;
    color: #000;
    padding: 5px 50px 5px 50px;
    margin-right: auto;
    margin-left: auto;
    width: 500px;
    overflow: hidden;
}
.LetterTitle
{
    font-family: courier new, georgia, Times New Roman;
    font-size: 14pt;
    font-style: normal;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    color: #8D1F08;
    text-align: center;
}

.LetterImgL
{
    float: left;
    padding: 0px 5px 0px 0px;
}

.LetterImgR
{
    float: right;
    padding: 0px 0px 0px 5px;
    margin: 0px 0px 10px 10px;
}

.LetterCaptionL
{
    vertical-align: top;
    text-align: left;
    font-size: 9pt;
    font-family: garamond, Times New Roman;
    font-style: normal;
    font-weight: bold;
    padding-right: 5px;
    clear: left;
    float: left;
    width: 210px;
}

.LetterCaptionR
{
    float: right;
    vertical-align: top;
    text-align: left;
    font-size: 11pt;
    font-family: garamond, Times New Roman;
    font-style: normal;
    font-weight: bold;
    margin: -6px 10px 6px 10px;
    padding: 4px 0px 4px 4px;
    clear: right;
    width: 200px;
}
.LetterCaptionRHome
{
    float: right;
    vertical-align: top;
    text-align: left;
    font-size: 11pt;
    font-family: garamond, Times New Roman;
    font-style: normal;
    font-weight: bold;
    margin: -6px -40px 6px 10px;
    padding: 4px 0px 4px 4px;
    clear: right;
    width: 200px;
}

.LetterCaptionL a
{
    font-size: 11pt;
}

.LetterCaptionR a
{
    font-size: 11pt;
}

/*IMAGE SHADOWS*/
.img-shadowR
{
    float: right;
    clear: right;
    background: url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/shadowAlpha.png) no-repeat bottom right !important;
    background: url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/shadow.gif) no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
}
.img-shadowR img
{
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -6px;
    padding: 4px 4px 4px 4px;
}




.img-shadowL
{
    float: left;
    background: url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/shadowAlpha.png) no-repeat bottom right !important;
    background: url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/shadow.gif) no-repeat bottom right;
    margin: 10px 0 0 5px !important;
    margin: 10px 0 0 5px;
}

.img-shadowL img
{
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -6px;
    padding: 4px 4px 4px 0px;
    vertical-align: text-bottom;
}

.img-shadowDR
{
    float: left;
    background: url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/shadowAlpha.png) no-repeat bottom right !important;
    background: url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/shadow.gif) no-repeat bottom right;
    margin: 10px 50 0 5px !important;
    margin: 10px 50 0 5px;
}

.img-shadowDR img
{
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -6px;
    padding: 2px 2px 2px 2px;
}


.img-shadow
{
    float: left;
    background: url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/shadowAlpha.png) no-repeat bottom right !important;
    background: url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/shadow.gif) no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
    overflow: hidden;
}

.img-shadow img
{
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -6px;
    padding: 4px;
    overflow: hidden;
}

.FriendLetter
{
    color: #000;
    font-family: georgia, Arial, Verdana;
    font-size: 12pt;
    font-weight: normal;
    text-align: left;
    margin-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 2px;
    padding-top: 5px;
}


/* DR TESTIMONIALS */
.DrTestHeader
{
    border: solid 3px #8D1F08;
    overflow: hidden;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #8D1F08;
    font-size: 20pt;
    font-weight: bold;
}
.DrTestLeft
{
    width: 600px;
    border-right: solid 3px #8D1F08;
    border-left: solid 3px #8D1F08;
    border-bottom: solid 3px #8D1F08;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background: url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/redgray.jpg) repeat-x #F0F0F0 bottom;
}
.DrTestRight
{
    float: right;
    overflow: hidden;
    padding: 45px 30px 10px 0px;
    font-size: 9pt;
    font-weight: bold;
    font-family: Courier New, Georgia;
    background: url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/HeartBeat.jpg) no-repeat;
    background-position: top;
    width: 360px;
}
.DrTestText
{
    font-size: 14pt;
    font-family: georgia, times new roman, Verdana;
    font-weight: normal;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-top: 10px;
    text-align: left;
}
.DrTestCaption
{
    font-size: 12pt;
    font-family: georgia, times new roman, Verdana;
    font-weight: normal;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: left;
}

/* WARNINGS */

.Warning
{
    font-size: 14pt;
    color: #8D1F08; /*#C00000; Red;*/
    font-family: Georgia, Arial;
    font-weight: bold;
}

.WarningMed
{
    font-size: 16pt;
    font-weight: bold;
    color: #8D1F08; /*#C00000; Red;*/
    text-align: center;
    padding: 20px 20px 10px 20px;
    font-family: Georgia, Arial;
}

.WarningBig
{
    font-size: 18pt;
    font-weight: bold;
    color: #8D1F08; /*#C00000; Red;*/
    text-align: center;
    padding: 0px 0px 10px 0px;
    font-family: Georgia, Arial;
}

.Highlight
{
    font-weight: bold;
    background-color: #ffffcc;
}




/* CHECKMARKS */
.CheckMark
{
    vertical-align: top;
    padding-left: 50px;
    padding-right: 50px;
    text-align: left;
    color: #000000; /*#8F010D; Red;*/
    font-size: 11pt;
    font-weight: normal;
    margin-right: 50px;
    margin-left: 50px;
    overflow: hidden;
}
.CheckMark ol
{
}
.CheckMark ol li
{
    list-style-type: circle;
    list-style-position: outside;
    padding-bottom: 10px;
    margin-bottom: 10px;
    list-style-image: url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/checkmark3.jpg);
    padding-left: 5px;
}
.BulletMark
{
    vertical-align: top;
    padding-left: 75px;
    text-align: left;
    padding-right: 75px;
    font-size: 12pt;
    font-weight: normal;
}

.BulletMark ul li
{
    list-style-position: outside;
    padding-bottom: 15px;
    list-style-type: disc;
    outline-width: 20px;
}



.ArticleTitle
{
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    font-size: 13pt;
    text-decoration: underline;
    text-align: center;
}

/*CONTROLS*/


.button
{
    width: auto;
    height: auto;
    font-size: small;
    font-family: Arial, Verdana, Sans-Serif;
}


.textbox
{
    font-size: 10pt;
}

.EmailTable
{
    border: solid 1px #244061;
    width: 400px;
    padding: 10px 10px 10px 10px;
    margin-left: auto;
    margin-right: auto;
}
.ContactTable
{
    padding: 4px;
    width: 600px;
    border: solid 2px #5bc5e2;
    margin-right: auto;
    margin-left: auto;
}

.FreeReportSectionTable
{
    padding: 4px;
    width: 600px;
    border: solid 2px #244061;
    margin-right: auto;
    margin-left: auto;
}

.FreeReportSection
{
    padding: 0px 25px 0px 25px;
    text-align: left;
    font-size: 14px;
}
.FreeReportSectionTitle
{
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    font-weight: bold;
    color: #8D1F08; /*#C00000; Red;*/
}

.FreeReportCover
{
    float: right;
    padding: 0px 25px 0px 5px;
}

.FreeReportSectionMailComments
{
    padding: 0px 25px 0px 25px;
    text-align: left;
    font-size: 12px;
    font-style: italic;
}

.NumberBullets ol
{
}
.NumberBullets ol li
{
    list-style-type: decimal;
    list-style-position: outside;
    padding-bottom: 5px;
}

/*FAQ* AND *ARTICES*/



/*********** TOGGLE FOR THE FAQ PAGE *********/
/*  "Show All" + "Hide All" links */
#TJK_ToggleON, #TJK_ToggleOFF, #TJK_ToggleOFFF
{
    border: 1px solid #244061;
    padding: 0 5px;
    margin-right: 5px;
    text-decoration: none;
    font-size: 12pt;
    font-weight: bold;
    color: #4088a1;
    font-family: Georgia, Verdana, Sans-Serif;
    background-color: #e2f0f3;
}
/* zeroing out padding and margin */
/*this controls the Answer Areas*/
#TJK_DL dd
{
    margin: 0px 20px 20px 20px;
    text-align: left;
    color: #000;
    font-size: 11pt;
    border: 1px solid #244061;
    padding: 10px 10px 10px 10px;
    background-color: #EFEFEF;
}
#TJK_DL dd a
{
    font-size: 11pt;
}

/*this controls the Question Areas*/
#TJK_DL dt
{
    margin: 0;
    padding: 0;
    text-align: left;
    color: #000;
    font-size: 12pt;
    font-family: Arial, Verdana, Sans-Serif;
    font-weight: bold;
}
/* margin for the DTs (shorthand) */
#TJK_DL dt
{
    margin: 7px 0;
}
/* image and left padding for DDs */
#TJK_DL dd
{
    background: #f1f6f8 url('https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/Spanish/images/aquagradient1.png') repeat-x;
    padding-left: 25px;
}


/* styling all anchors in the DTs */
#TJK_DL dt a
{
    background: 0 50% no-repeat;
    padding-left: 32px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    color: #000;
    font-size: 12pt;
    display: block;
}
#TJK_DL dt a:visited
{
    color: #666;
}
#TJK_DL dt a:visited:hover, #TJK_DL dt a:hover, #TJK_DL dt a:active, #TJK_DL dt a:focus
{
    font-weight: bold;
    color: #000;
    font-size: 12pt;
    display: block;
}
/* the + and - gif in the anchors */
#TJK_DL .DTplus a
{
    background-image: url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/main/aquaplus.jpg);
}
#TJK_DL .DTminus a
{
    background-image: url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/main/aquaminus.jpg);
}
/**********************************/
/**********************************/
#TJK_DL .showDD
{
    position: relative;
    top: 0;
}
#TJK_DL dd, .hideDD
{
    top: -9999px;
    position: absolute;
}
#TJK_ToggleON, #TJK_ToggleOFF
{
    display: inline;
    cursor: pointer;
    cursor: hand;
}
/*\*//*/
#TJK_DL .showDD {display:block} 
#TJK_DL dd,.hideDD {top:0;position:relative;display:none}
/**/

/*This is for the bottom navigation*/
.bottomlink a
{
    text-decoration: none;
    color: #26517c;
    font-family: Arial, Verdana, Sans-Serif;
}

.bottomlink a:hover
{
    text-decoration: none;
    color: #102540;
    font-family: Arial, Verdana, Sans-Serif;
}
.bottomlink
{
    color: #26517c;
}


/*PARAGRAPH SHADOWS*/

.p-shadow
{
    width: 90%;
    float: left;
    background: url(/web/20100301205627im_/http://www.thedietsolutionprogram.com/Images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(/web/20100301205627im_/http://www.thedietsolutionprogram.com/Images/shadow.gif) no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
}

.p-shadow div
{
    background: none !important;
    background: url(/web/20100301205627im_/http://www.thedietsolutionprogram.com/Images/shadow2.gif) no-repeat left top;
    padding: 0 !important;
    padding: 0 6px 6px 0;
}

.p-shadow p
{
    color: #777;
    background-color: #fff;
    font: italic 1em georgia, serif;
    border: 1px solid #a9a9a9;
    padding: 4px;
    margin: -6px 6px 6px -6px !important;
    margin: 0;
}





.SignUpBg
{
    width: 400px;
    background: url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/SignUpTop.jpg) no-repeat;
    height: 8px;
    margin-right: auto;
    margin-left: auto;
    border-collapse: collapse;
    margin-bottom: 0px;
    padding-bottom: 0px;
    overflow: hidden;
}
.SignUpFooter
{
    width: 400px;
    height: 8px; /*overflow: hidden; */
    background: url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/SignUpBot.jpg) no-repeat;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    border-collapse: collapse;
}
.SignUpContent
{
    width: 400px;
    background: url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/SignUpContent.jpg) repeat;
    padding-top: 10px;
    padding-bottom: 1px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    border-collapse: collapse;
}

div.catch
{
    margin: 0px auto 5px auto;
    font-weight: bold;
}
div#one
{
    margin: 10px auto 0px auto;
    line-height: 1.5em;
}
div#convert
{
    margin: 20px auto 0px auto;
    border: 1px solid black;
    width: 440px;
    text-align: center;
    padding: 10px;
    background-color: #eee;
    font-size: 1.2em;
}



div#results
{
    margin: 20px auto 0px auto;
    border: 1px solid black;
    width: 440px;
    text-align: center;
    padding: 10px;
    background-color: #CEDCED;
    font-weight: bold;
    color: #0F253f;
    display: none;
}
div#lk
{
    margin: 50px 0px 0px 0px;
}
div#convert input
{
    font-size: 1.0em;
}
div#convert select
{
    font-size: 1.0em;
}
div#cat0
{
    margin: 0px auto 0px auto;
}

div#subcats
{
    margin: 20px 0px 0px 30px;
}
div#subcats h1
{
    font-size: 18pt;
    margin-bottom: 5px;
}
div.subcatsA
{
    float: left;
    width: 468px;
}
div.subcatsB
{
    float: left;
    margin-left: 50px;
}

.Notes
{
    font-family: Georgia, Sans-Serif, Times New Roman;
    font-size: 10pt;
    color: Olive;
    font-style: italic;
    padding: 0 75px 0 75px;
    text-align: left;
    border: solid 2px olive;
}




.imgfloater
{
    float: left;
    border: solid 2px black;
    padding: 5px;
    margin: 5px 10px 0px 0px;
    width: 250px;
}
.imgfloaterR
{
    float: right;
    padding: 0px;
    margin: 0px 10px 0px 10px;
    overflow: hidden;
}
.imgfloaterL
{
    float: left;
    padding: 5px;
}


/*DATAGRID*/
.dgTable
{
    margin-left: auto;
    margin-right: auto;
    border: solid 2px #000000;
    padding: 0px 0px 0px 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    width: 700px;
}

.dgTable a
{
    text-decoration: underline;
    color: #335070;
    font-size: 10pt;
}
.dgTableTD
{
    padding: 1px 10px 1px 10px;
    border: solid 0px;
    margin: 0px 0px 0px 0px;
    text-align: left;
}
.dgTableAltTD
{
    padding: 1px 10px 1px 10px;
    border: solid 0px;
    margin: 0px 0px 0px 0px;
    background-color: #D7EAF8;
    text-align: left;
}
.dgTitle
{
    background: #000 url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/dgHeaderBkVert.jpg) repeat-y;
    width: 700px;
    margin: 0px 0px 0px 0px;
}
.dgHeader
{
    font-size: 20pt;
    font-weight: bold;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}
.dgHeadDesc
{
    font-size: 10pt;
    font-weight: normal;
    color: #FFFFFF;
    font-style: italic;
    text-decoration: none;
    padding: 5px 10px 5px 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.dgHeadURL
{
    color: #D7EAF8;
    font-weight: bold;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.dgHeadURL a
{
    color: #D7EAF8;
    text-decoration: underline;
    margin-right: auto;
    margin-left: auto;
}
.dgHeaderBar
{
    font-size: 11pt;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
    background-color: #14487A;
    border: solid 0px red;
    margin: 0px 0px 0px 0px;
}

.hopLinkGridTable
{
    border-collapse: collapse;
    border: solid 2px black;
    width: 550px;
}
.hopLinkGrid
{
    font-size: 9pt;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 5px;
    height: 50px;
}

.hopLinkGridAlt
{
    font-size: 9pt;
    background-color: #D7EAF8;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 5px;
    height: 50px;
}

.hopLinkGrid a
{
    font-size: 8pt;
    font-style: normal;
}

.hopLinkGridAlt a
{
    font-size: 8pt;
    font-style: normal;
}

.DSPDiffTop
{
    background: url('https://web.archive.org/web/20100301205627im_/http://thedsp.s3.amazonaws.com/images/main/dspdiff3_02.jpg') no-repeat bottom;
    height: 15px;
    border-collapse: collapse;
    width: 700px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
   
}

.DSPDiffBottom
{
    background: url('https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/main/dspdiff3_04.jpg') no-repeat;
    height: 16px;
    border-collapse: collapse;
    margin-right: auto;
    margin-left: auto;
    width: 700px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0px 0px 0px 0px;
}
.DSPDiff
{
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    border: solid 0px #102540;
    border-collapse: collapse;
    background: url('https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/main/dspdiff3_03.jpg') repeat;
    width: 700px;
    margin-top: 0px;
    padding: 0px 0px 0px 0px;
}

.DSPDiff ol li
{
    list-style-type: decimal;
    list-style-position: inside;
    color: #000000;
    font-size: 11pt;
    font-weight: bold;
    padding: 10px 50px 0px 10px;
}

.DSPDiffText
{
    color: #102540;
    font-size: 10pt;
    text-align: left;
    font-weight: normal;
    padding-top: 10px;
}
.FBInnerContent
{
    margin: 0px 50px 0px 20px;
    font-size: 11pt;
    text-align: left;
    clear: both;
    overflow: hidden;
    vertical-align: middle;
}

.FBFloater
{
    float: left;
    padding: 5px 20px 5px 5px;
    font-size: 12pt;
    color: #8D1F08;
    clear: both;
    overflow: hidden;
}

.TestTop
{
    background: url('https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/TestTop.gif');
    width: 631px;
    margin-right: auto;
    margin-left: auto;
    height: 14px;
    border-collapse: collapse;
    overflow: hidden;
}
.TestMid
{
    background: url('https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/TestMid.gif');
    width: 601px;
    margin-right: auto;
    margin-left: auto;
    padding: 0px 20px 0px 10px;
    text-align: left;
    overflow: hidden;
    font-family: Trebuchet MS, Verdana, Arial;
    font-size: 10pt;
    border-collapse: collapse;
}
.TestMidFloat
{
    float: left;
    padding: 0px 0px 0px 10px;
    font-size: 12pt;
    clear: both;
    overflow: hidden;
    margin-right: 10px;
}
.TestBot
{
    background: url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/TestBot.gif);
    width: 631px;
    margin-right: auto;
    margin-left: auto;
    height: 17px;
    border-collapse: collapse;
}



.slideShowImage
{
    position: absolute;
    top: 0pt;
    left: 0pt;
    display: block;
    z-index: 9;
    height: 238px;
    opacity: 1;
    width: 450px;
}

.SectionHeader
{
    font-size: 14pt;
    text-align: center;
    font-style: italic;
    padding: 10px 20px 10px 20px;
    font-family: Georgia, Arial;
}
.BlueBoxMiddleChecks
{
    /*background: url(/web/20100301205627im_/http://www.thedietsolutionprogram.com/images/blueboxHMIddle.png) repeat-y;*/
    border-collapse: collapse;
    vertical-align: top;
    padding: 1px 50px 1px 120px;
    text-align: center;
}
.BlueBoxMiddleChecks ol li
{
    list-style-type: decimal;
    list-style-position: outside;
    vertical-align: top;
    font-size: 11pt;
    list-style-image: url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/checkmark4.jpg);
    padding: 1px 35px 5px 15px;
    text-align: left;
}
.BlueBoxMiddleChecks ol li a
{
    font-family: Georgia, Arial;
    font-size: 9pt;
}

.BlueBoxMiddleTable
{
    background: url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/BlueBoxHMiddle.png) repeat-y;
    border-collapse: collapse;
    vertical-align: top;
    padding: 1px 0px 1px 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.BlueBoxMiddleTable table
{
    margin: 0px 10px 0px 0px;
    width: 500px;
}
.BlueBoxMiddleTable table tr td
{
    width: 250px;
    padding: 10px 0px 10px 0px;
}


.comment
{
    cursor: pointer;
}
.ComponentTable
{
    border: solid 2px #000000;
    vertical-align: top;
    padding-top: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
}
.ComponentTable tr td
{
}

.ComponentTable tr
{
    border: solid 0px #18375d;
    padding-bottom: 10px;
}

.ComponentLeftTD
{
    width: 250px;
    padding-bottom: 10px;
    text-align: center;
    padding-right: 10px;
    vertical-align: top;
}
.ComponentSpacer
{
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0px 10px 0px;
    text-align: center;
}

/* THIS IS FOR THE COMPARISON TABLE */
.CompTable
{
    width: 800px;
    border-top: 1px solid #645050; /*#e5eff8;*/
    border-right: 1px solid #645050;
    margin: 1em auto;
    border-collapse: collapse;
}
.CompTable td
{
    color: #645050;
    border-bottom: 1px solid #645050;
    border-left: 1px solid #645050;
    padding: .3em 1em;
    text-align: center;
    /*width: 400px;*/
}


.CompTable tr.odd td, .CompTable tr.odd .column1
{
    background: #f4f9fe url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/TR.gif) no-repeat;
}
.column1
{
    background: #f9fcfe;
}
.CompTable thead th
{
    background: #f4f9fe;
    text-align: center;
    font: bold 1.2em/2em "Century Gothic" , "Trebuchet MS" ,Arial,Helvetica,sans-serif;
    color: #004B97;
    border-left: 1px solid #645050;
    border-bottom: 1px solid #645050;
}
.CompTable tfoot th
{
    background: #f4f9fe;
    text-align: center;
}

.CompTable tfoot th strong
{
    font: bold 1.2em "Century Gothic" , "Trebuchet MS" ,Arial,Helvetica,sans-serif;
    margin: .5em .5em .5em 0;
    color: #66a3d3;
}

.CompTable tfoot th em
{
    color: #f03b58;
    font-weight: bold;
    font-size: 1.1em;
    font-style: normal;
}


/*-----------------------------------*/
#cts
{
    font-family: Georgia, Arial;
    position: relative;
    width: 900px;
    margin: 10px auto 0px auto;
    text-align: center;
}

/* absolutely position the shadow text Xpx from upper left, depending on shadow depth */
#cts h1
{
    position: absolute;
    font-size: 20pt; /* This huge size is just for this experiment */
    color: #A6A6A6;
    top: 1px;
    left: 1px;
    text-align: center;
    width: 900px;
}

/* absolutely position the top text -Xpx from the shadow text, match the px size */
#cts h1 span
{
    position: absolute;
    color: #8D1F08;
    top: -1px;
    left: -1px;
    width: 900px;
}

/*
  this offset text is accessible yet hidden when styles are supported to help the 
  replicated shadow text make more sense to non-CSS and screen reader users. For
  ethical SEO reasons, whatever the hidden statment is should be available on
  the same page somewhere else. Try to make it read well as this is important.
*/
#cts h1 span.offset
{
    position: absolute;
    top: -9000px;
    left: -9000px;
    width: 900px;
}

/* 
  this goes in an If IE conditional comment. IE, including IE7, screws up padding and 
  affects the text width and position so this will probably be needed. 
*/

#cds
{
    width: 32em;
}

#cts1
{
    font-family: Georgia, Arial;
    position: relative;
    margin: auto;
    /*width: 31em;*/
    height: 20px;
    padding: 10px 10px 10px 60px;
    text-align: center;
}



/* absolutely position the top text -Xpx from the shadow text, match the px size */
#cts1 h1 span
{
    position: absolute;
    color: #8D1F08;
    top: -1px;
    left: -1px;
}

/*
  this offset text is accessible yet hidden when styles are supported to help the 
  replicated shadow text make more sense to non-CSS and screen reader users. For
  ethical SEO reasons, whatever the hidden statment is should be available on
  the same page somewhere else. Try to make it read well as this is important.
*/
#cts1 h1 span.offset
{
    position: absolute;
    top: -9000px;
    left: -9000px;
}

/* 
  this goes in an If IE conditional comment. IE, including IE7, screws up padding and 
  affects the text width and position so this will probably be needed. 
*/

#cds1
{
    width: 32em;
}

#cts2
{
    font-family: Georgia, Arial;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 900px;
    text-align: center;
}

/* absolutely position the shadow text Xpx from upper left, depending on shadow depth */
#cts2 h1
{
    width: 900px;
    position: relative;
    font-size: 20pt; /* This huge size is just for this experiment */
    color: #A6A6A6;
    top: 1px;
    left: 1px;
    text-align: center;
}

/* absolutely position the top text -Xpx from the shadow text, match the px size */
#cts2 h1 span
{
    width: 900px;
    position: absolute;
    color: #8D1F08;
    top: -1px;
    left: -1px;
}

/*
  this offset text is accessible yet hidden when styles are supported to help the 
  replicated shadow text make more sense to non-CSS and screen reader users. For
  ethical SEO reasons, whatever the hidden statment is should be available on
  the same page somewhere else. Try to make it read well as this is important.
*/
#cts2 h1 span.offset
{
    position: absolute;
    top: -9000px;
    left: -9000px;
}

/* 
  this goes in an If IE conditional comment. IE, including IE7, screws up padding and 
  affects the text width and position so this will probably be needed. 
*/

#cds2
{
    width: 32em;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.animatedtabs
{
    border-bottom: 0px solid gray;
    overflow: hidden;
    width: 100%;
    font-size: 10pt; /*font of menu text*/
    font-family: Tahoma, Arial;
    height: 40px;
}


.animatedtabs ul
{
    list-style-type: none;
    margin-left: 170px; /*offset of first tab relative to page left edge*/
    margin-top: 4px;
    padding: 0;
    font-size: 10pt;
}

.animatedtabs li
{
    float: left;
    margin: 0;
    padding: 0;
    color: #f5f6f3;
    font-size: 8pt; /*font of menu text*/
}

.animatedtabs a
{
    float: left;
    position: relative;
    top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
    background: url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/media/tab-blue-left.gif) no-repeat left top;
    margin: 0;
    margin-right: 2px; /*Spacing between each tab*/
    padding: 0 0 0 9px;
    text-decoration: none;
    font-size: 10pt;
    font-family: Tahoma, Arial;
}

.animatedtabs a span
{
    float: left;
    position: relative;
    display: block;
    background: url(https://web.archive.org/web/20100301205627im_/http://d5vjy4funet7q.cloudfront.net/images/cssimages/media/tab-blue-right.gif) no-repeat right top;
    padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
    font-weight: normal;
    color: #2a909f;
    font-family: Century Gothic, Arial;
    font-size: 10pt;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span
{
    float: none;
    font-size: 10pt;
}
/* End IE5-Mac hack */


.animatedtabs .selected a
{
    background-position: 0 -125px;
    top: 0;
    font-size: 10pt;
}

.animatedtabs .selected a span
{
    background-position: 100% -125px;
    color: black;
    padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
    top: 0;
    font-size: 10pt;
}

.animatedtabs a:hover
{
    background-position: 0% -125px;
    top: 0;
    font-size: 10pt;
}

.animatedtabs a:hover span
{
    background-position: 100% -125px;
    padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
    top: 0;
    color: #18375d;
    font-size: 10pt;
}

.imgfloaterFitness
{
    float: left;
    padding: 5px 20px 5px 5px;
}

.FitnessTitle
{
font-size: 18pt; 
color: #004B97; 
font-weight: bold; 
margin-right: auto; 
margin-left: auto;
}

.OrderPageBullets
{}

.OrderPageBullets li
{
    list-style-position: outside;
    padding-bottom: 15px;
    list-style-type: square;
    outline-width: 20px;
    margin-left: 50px;
    text-align: left;
    font-family: Verdana;
    font-weight: bold;
}
.OrderPageHighlight
{
    font-weight: bold; 
    background-color: rgb(255, 255, 0);
    font-style: italic;
}
.MemberTable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:650px;
border-collapse:collapse;
}
.MemberTable td, .MemberTable th 
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 2px 2px 2px;
}
.MemberTable th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
.MemberTable tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}



/*
     FILE ARCHIVED ON 20:56:27 Mar 01, 2010 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:54:57 Mar 01, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.78
  exclusion.robots: 0.061
  exclusion.robots.policy: 0.051
  esindex: 0.01
  cdx.remote: 18.59
  LoadShardBlock: 207.826 (6)
  PetaboxLoader3.datanode: 147.064 (7)
  PetaboxLoader3.resolve: 336.064 (2)
  load_resource: 331.749
*/