body, tr, td, p {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333; line-height: 1.5}
body {background: #8DA0AE}
a:link, a:visited, a:active {color:#06c}
a:hover {color:#036}
h1 {color:#BF0A2A; font-size: 120%; margin: 24px 0 15px 0}
h2 {color:#BF0A2A; font-size: 110%; margin: 20px 0 10px 0}
h3 {color:#BF0A2A; font-size: 100%; margin: 15px 0 10px 0}
h4 {color:#036; font-size: 100%; margin: 15px 0 10px 0}
p {margin: 15px 0}
ul, ol {margin: 10px 0; padding:0;}
ul li {list-style: url(images/bullet.gif) outside; margin: 5px 0 5px 25px; padding:0}
ol li {margin: 5px 0 5px 35px; padding:0}
ul ul {margin: 0 0 0 5px}
.emphasis, strong {font-weight: bold; color: #036}
img {border: 0}
.thumbnail {float: left; text-align: center; margin: 0 0 25px 0}
.alert {color: #BF0A2A}
.smaller {font-size:90%}
#pagetoplink {float: right}
#main img.arrow {vertical-align: middle; margin-right: 7px}
.topborder {border-top: 2px dotted #95B7CF; padding-top: 20px}

/* header styles */
#header {background:#8DA0AE url(images/bodybg.jpg) repeat-y; margin: 0 auto; border:0; padding:0; width: 786px}
#top {text-align: right; padding: 0 20px 2px 0; background: #8DA0AE url(images/topbg.jpg) no-repeat bottom; color: #E8E9E9;}
#top a {text-decoration: none; margin: 0 15px 2px 15px; color: #E8E9E9; font-size: 11px}
#top a:hover {color: #fff}
#topnav {margin: 0px 24px 5px 25px; background: #95B7CF; text-align: center; height: 20px; border: 1px solid #ccc; font-size: 11px; padding:0;}
#topnav2 {margin: 0px 24px 5px 25px; background-color: #fff; text-align: center; height: 20px; border: 1px solid #ccc; font-size: 11px; padding:0;}
#optin {margin: 15px 24px 0px 25px; background-color:#fff; text-align: right; height: 30px; border-bottom: 5px solid #fff; font-size: 11px; padding:0;}
#topnav a {background: #95B7CF; color:#fff; text-decoration: none; display: block; float: left; margin: 0; padding: 2px 47px 2px 47px; vertical-align: middle; height: 16px;}
#topnav2 a {background: #95B7CF; color:#fff; text-decoration: none; display: block; float: left; margin: 0; padding: 2px 47px 2px 47px; vertical-align: middle; height: 16px;}
#topnav a:hover {color:#036} 
#topnav2 a:hover {color:#036} 
.newsletter {color:#BF0A2A; font-size: 14px; margin: 15px 0 10px 0}

/*main table left column styles */ 
#main {background: #fff url(images/bodybg.jpg) repeat-y; margin: 0 auto; border:0; padding:0; width: 786px}
#left {width: 218px; padding:0 0 30px 0px; vertical-align: top; background: #fff url(images/leftbg.gif) repeat-y; font-size: 11px; margin:0}

#left #signup {margin: 0 0 0 23px; border-bottom: 5px solid #fff; padding: 12px 10px 15px 10px;}
#signup h3 {color:#036; }
#left #signup p {font-size: 11px; }
form {margin:-10px 5px 0 0px;  font-size: 11px;}
form p {font-size: 11px;}
input {font-size: 11px; margin: 3px 0px; padding: 1px; }
#left h2 {margin: 26px 0 10px 35px; color:#036}
#leftnav h3 {margin: 15px 0 10px 35px; color:#036}
#left ul {border-left: 4px solid #fff; margin: 10px 5px 5px 20px; padding-bottom: 20px}
#leftnav p {margin: 10px 0 10px 15px; font-size: 11px; }
#leftnav ul {margin-right:0}
#left ul li {margin: 0; padding: 0;list-style: url(images/spacer.gif); border-bottom: 1px dotted #E8E9E9;}
#left #leftnav a {color: #000; text-decoration:none; display: block; padding: 3px 10px 3px 20px; background: url(images/leftnavbgoff.gif) no-repeat;}
#left #leftnav a:hover {color: #06c;}
#left #leftnav .conditions ul li {color: #000; text-decoration:none; display: block; padding: 3px 10px 3px 20px; background: url(images/leftnavbgoff.gif) no-repeat;}
#left .attention {padding: 5px 3px 7px 0; margin: 40px 10px 20px 30px; text-align: center; border: 2px dotted #95B7CF;}
#left .attention a {padding: 5px; display: block;}
.attention h3 {margin: 5px 0; padding:0; color: #036}
#left #leftnav .clickhere a {background: none; color: #BF0A2A; size: 15px; text-decoration: underline; padding-left: 35px; font-weight: bold; margin-top: -20px;}

/*main table center column styles */
#center {width:568px; padding: 0px 0 30px 0; vertical-align: top;margin:0;}
#centerDiv {padding: 0px 38px 10px 25px}
.quoteAuthor {margin: 8px 0; font-weight: bold;}
#center blockquote {margin: 20px 0 20px 0; border: 1px solid #95B7CF; padding: 0 15px;}
#center blockquote p {font-size: 11px;}
#center .announcement {margin: 0; border: 2px dotted #95B7CF; padding: 10px 10px 10px 15px ; color: #036;}
#center .announcement h3 {color:#036}
#center .workout {border: 2px dotted #95B7CF; padding: 0 10px 0 20px; color: #036;font-size: 11px; margin: 20px 0}
#center .workout p {font-size: 11px;}
#center .workoutItem {font-weight: bold}
#center .question {color: #06c}
#center .border {border-top: 2px dotted #95B7CF; padding-top: 15px}
.productThumbnail {float: left; margin: 0px 20px 10px 0;}
.download {text-align:right; font-size: 90%}
.download img {vertical-align: top; text-decoration:none; border:0}

/* sign up pages styles */
#center input {font-size: 15px;} /* submit buttons on sign up pages */
#center form {border-top: 2px dotted #95B7CF; margin-top: 15px} /* forms on sign up pages */
.signup {vertical-align: middle; margin: 5px} /* sign up buttons on program page */
.checkbox {vertical-align: middle; margin-right: 5px} /* checkboxes on sign up pages */

/* footer */
#footer {background: #8DA0AE url(images/footerbg.jpg) no-repeat; padding: 20px 0 0 10px; text-align: center; }
#footer a {margin: 0 10px;  font-size: 10px; color: #E8E9E9}
#footer a:hover {color:#fff;}
#copyright, #copyright a, #copyright p {font-size: 10px; margin: 8px 0; color: #E8E9E9; width: 760px; }