body {
 background: #fff;
 color: #333;
 font: 9pt/1.5em Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
 text-align: left;
}

/*Type styles*/
a {
 color: #064193;
 font: normal 10pt/1.25em trebuchet, verdana, arial, "sans serif";
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}

p, ul, li {
 font: normal 10pt/1.25em trebuchet, verdana, arial, "sans serif";
 margin: 0;
 padding: 0 0 1em;
 text-align: left;
}

.small {
 font: normal 7pt/10pt verdana, arial, "sans serif";
}

#content strong, #content em {
 background: transparent;
 color: #0066cc;
}


/*Layout styles*/
#header, #topnav, #left-column, #content, #content-detail, #right-box, #footer {
 background: #fff;
 color: #333;
 float: left;
 font: normal 10pt/1.25em trebuchet, verdana, arial, "sans serif";
 margin: 0;
 padding: 0;
 position: relative;
 text-align: left;
}
#frame, #header, #topnav, #footer {
 background: #fff;
 margin-left: auto;
 margin-right: auto;
 width: 807px;
 z-index: 1;
}
#frame {
 border: 0px solid #333;
 border-top: none;
 float: left;
 margin: 0 0 10em 2em;
 padding: 0;
 position: relative;
}


/*Detail page and List page styles*/
h1 {
 background: url("../images/design/maximum-living-logo.jpg") no-repeat transparent;
 border: 0px dotted #333;
 height: 115px;
 margin: 0;
 padding: 0px;
 width: 807px;
 z-index: 5;
}
h1 span {
 display: none;
 visibility: hidden;
}

#left-column {
 background: transparent;
 margin: 0;
 padding: 0;
 width: 190px;
}
#left-column h2 {
 background: transparent;
 color: #000;
 font: normal 11pt/15pt Tahoma, Arial, Helvetica, "sans serif";
 margin: 0;
 padding: 0;
}

#topnav {
 background: url("../images/design/maximum-living-logo-bottom.jpg") no-repeat #4a8159;
 height: 23px;
}

#subnav {
 background: url("../images/design/maximum-living-circle.jpg") no-repeat 0 0 #d3bc92;
 clear: both;
 height: 23px;
 margin: 0;
 padding: 0;
 text-align: right;
 width: 807px;
 z-index: 0;
}
#subnavlinks, #subnavlinks a {
 font-size: 10px;
}
#subnavlinks a {
 font-weight: bold;
}
#subnavlinks {
 background: #d3bc92;
 height: 23px;
 line-height: 23px;
 margin: 0;
 padding: 0 10px 0 0;
 float: right;
 width: 650px;
}

#brochure-circle-logo {
 margin: -23px 0 0;
 z-index: 10;
}
#brochure-circle-logo-white {
 margin: 0 0 0;
 z-index: 10;
}
#catalog, #detail-catalog {
 margin: 4em 0 2em;
 padding: 0 0 0 30px;
 vertical-align: bottom;
 width: 180px;
}
#catalog img {
 margin-left: 20px;
}
#catalog a, #detail-catalog a {
 font-size: 12px;
 font-weight: bold;
 text-decoration: underline;
}
#catalog p, #detail-catalog p {
 margin-bottom: 1em;
}
#catalog #acrobat-image {
 margin: 0 0 0 -23px;
 padding: 0;
}
.large-text {
 font: bold 16px/20px Tahoma, Verdana, Arial, Helvetica;
}
.red {
 color: red;
 font-weight: bold;
}

#content {
 float: left;
 margin: 0 0 1em 10px;
 padding: 0;
 width: 600px;
}
#content h2 {
 background: transparent;
 color: #999;
 font: normal 16pt/24pt Trebuchet, Arial, Helvetica, "sans serif";
 margin: 1em 0 0;
 padding: 0;
}
#content h3 {
 background: transparent;
 color: #010097;
 font: bold 12pt/18pt Trebuchet, Arial, Helvetica, "sans serif";
 margin: 1em 0 0;
 padding: 0;
}
#content p {
 margin-top: 0;
 padding-top: 0;
}
#content ul {
 margin-left: 20px;
}
#content-detail {
 float: left;
 margin: 0 0 0 25px;
 padding: 0;
 width: 807px;
}

/*For nav set links, e.g. More Newsletters links*/
#content #navlinks {
 background: #fff;
 float: left;
 margin-left: 20px;
 text-align: left;
}
#content #navlinks a:hover {
 background: #fff;
 margin: 0; padding: 0;
 text-decoration: underline;
}

#detail {
 border: 0px solid #000;
 float: left;
 margin: 1em 0 0;
 padding: 0;
 width: 490px;
}

#detail-message {
 float: left;
 margin: 0 0 1em;
 padding: 0;
 width: 600px;
}
#detail-message h2 {
 color: #010097;
 font-size: 12pt;
 margin: 2em 0 0;
 padding: 0;
}

#featured {
 font: bold 12pt/21pt Arial, Helvetica, Sans-serif;
 left: 25px;
 position: absolute;
 top: 287px;
}
#tan {
 color: #ad793f;
}

#top-line {
 background: url("../images/design/detail-top-line.gif") no-repeat #fff bottom left;
 height: 37px;
 width: 484px;
}
#mid-line {
 background: url("../images/design/detail-mid-line.gif") no-repeat #fff bottom left;
 float: left;
 height: 65px;
 width: 484px;
}
#bottom-line {
 background: url("../images/design/detail-bottom-line.gif") no-repeat #fff bottom right;
 float: left;
 height: 31px;
 width: 490px;
}
#straight-line {
 background: url("../images/design/detail-straight-line.gif") no-repeat #fff bottom left;
 float: left;
 height: 31px;
 margin-bottom: 1em;
 width: 484px;
}
#right_edge {
 background: url("../images/design/detail-side-right.gif") transparent;
}
#left_edge {
 background: url("../images/design/detail-side-left.gif") #fff;
}
#detail h2 {
 color: #999;
 font: normal 16pt/16pt Trebuchet, Arial, Helvetica, "sans serif";
 margin: 0;
 padding: 0 0 0 160px;
}
#detail-top {
 float: left;
 width: 154px;
}
#detail-top img {
 float: left;
 margin: 0 10px 0 15px;
 padding: 0;
 position: relative;
}
#detail-id {
 clear: both;
 margin: 1em 10px 0 155px;
 padding: 0;
}
#product-detail {
 background: #d4e1cb; /*#d3bc92*/
 margin: 0;
 padding: 10px;
 width: 310px;
}
#product-detail a {
 font-weight: bold;
}
#product-detail ul {
 margin: 0 20px;
 padding: 0 0 10px;
}
#product-detail li {
 padding: 0;
}
#detail-bottom {
 margin: 0;
 padding: 0;
 width: 154px;
}
#detail-supplement {
 float: right;
 margin: 0 10px 0 0;
 padding: 0;
 position: relative;
 width: 310px;
}
#image-frame {
 background: #eee;
 clear: both;
 float: left;
 width: 100%;
}
#detail-supplement h3 {
 font: bold 14px/18px Arial, Helvetica, Sans-serif;
 margin: 0;
 padding: 10px 0 0;
}
#detail-catalog {  /*rest of style is with #catalog, line 126 above*/
 float: left;
 margin: 0;
 padding: 0;
 width: 140px;
}

#list {
 border: 0px solid #eee;
 float: left;
 margin: 1em 0 1em 10px;
 position: relative;
 width: 240px;
}
#list .bullet {
 background: url("../images/design/square.jpg") no-repeat transparent;
 color: #010097;
 margin-left: -20px;
 padding-left: 20px;
}
#list h4 a, #list h4 {
 font: bold 10pt/1.25em trebuchet, verdana, arial, "sans serif";
 margin: .75em 0 0;
}
#list p {
 margin: 0;
 padding: 0;
}
#list-top {
 width: 530px;
}


/*FAQ page top links*/
#faq-links ul {
 margin: 10px;
 padding: 10px;
}
#faq-links li {
 margin: 0;
 padding: 2px 0;
}

#right-box {
 border: 0px solid #ccc;
 float: right;
 margin: 1em 0 1em;
 padding: 0;
 position: relative;
 width: 155px;
}
#right-box h3 {
 margin: 0;
 padding: .25em .25em 0;
}
#right-box p {
 margin: 0;
 padding: 0 .25em 1em;
}

#list-right-box {
 border-left: 1px solid #ad793f;
 float: right;
 margin: 0 10px 1em 0;
 padding: 10px 0 10px 20px;
 position: relative;
 width: 220px;
}
#list-right-box h3 {
 background: #ad793f;
 color: #fff;
 font: bold 10pt/12pt Arial, Helvetica, Sans-serif;
 margin: 0;
 padding: 2px 10px 2px 5px;
 text-align: right;
 width: 220px;
}
#list-right-box h4 {
 background: #fff;
 border-bottom: 1px solid #ccc;
 color: #000;
 font: bold 10pt/12pt Arial, Helvetica, Sans-serif;
 margin: 1em 0 .5em;
 padding: 0 0 .25em;
 text-align: left;
}
.product {
 clear: left;
 float: left;
 margin-bottom: 0;
 position: relative;
 width: 210px;
}
.product h4 {
 padding-top: 2em;
}
.product img {
 float: left;
 margin: 0 15px 5px 0;
 padding: 0;
}
.product p {
 font: 10pt/12pt Arial, Helvetica, Sans-serif;
 padding: 0 0 20px;
}
.product a {
 text-decoration: underline;
}

/*End Detail page and List page styles*/


/*Home page styles*/
#header #home {
 background: url("../images/design/home-header.jpg") no-repeat transparent;
 border: 0px dotted #333;
 height: 227px;
 margin: 0 0 0 1px;
 padding: 0;
 width: 807px;
}
#top-right-links {
 float: right;
 font: 8pt/10pt Arial, Helvetica, Sans-serif;
 left: 650px;
 position: absolute;
 top: 40px;
 width: 200px;
}
#top-right-links2 {
 float: right;
 font: 8pt/10pt Arial, Helvetica, Sans-serif;
 left: 650px;
 position: absolute;
 top: 40px;
 width: 200px;
}
#top-right-links2 img {
 border: none;
 padding: 0 0 0 4px;
}
#top-right-links2 img a {
 text-decoration: none;
}
#home-feature {
 background: url("../images/design/home-feature-box.jpg") no-repeat #fff;
 float: left;
 height: 233px;
 margin: -30px 0 0 2px;
 width: 310px;
 z-index: 10;
}
#home-feature h2 {
 color: #010097;
 font: bold 12pt/18pt Arial, Helvetica, Sans-serif;
 margin: 0;
 padding: 0;
}
#home-feature img {
 float: left;
 margin: 40px 10px 0;
}
#home-feature strong {
 color: red;
 font-weight: bold;
}
#home-feature p {
 font: 9pt/12pt Arial, Helvetica, Sans-serif;
 padding: 0 10px 6px 141px;
}

#home-boxes {
 background: url("../images/design/home-boxes-border.jpg") no-repeat #fff;
 border: 0px solid #888;
 float: left;
 height: 186px;
 margin: 0;
 padding-right: 5px;
 width: 457px;
}

#home-box-products, #home-box-company, #home-box-distributors {
 border-right: 2px solid #fff;
 float: left;
 height: 170px;
 width: 148px;
}
#home-box-products h2, #home-box-company h2, #home-box-distributors h2 {
 border-bottom: 2px solid #fff;
 color: #fff;
 font: bold 11pt/11pt Arial, Helvetica, Sans-serif;
 margin: 0;
 padding: 20px 10px 8px;
}
#home-box-products p, #home-box-company p, #home-box-distributors p {
 font: 9pt/16pt Arial, Helvetica, Sans-serif;
 margin: 8px 10px 0;
 padding: 0;
}

#home-box-products {
 background: #d3bc92;
 color: #000;
}
#home-box-products h2 {
 background: #ac7a3e;
}

#home-box-company {
 background: #d6d8df;
 color: #000;
}
#home-box-company h2 {
 background: #adb8bf;
}

#home-box-distributors {
 background: #d4e1cb;
 color: #000;
}
#home-box-distributors h2 {
 background: #a9c398;
}

#home-message {
 border: 0px solid #ccc;
 clear: left;
 float: left;
 margin: 0 0 0 10px;
 padding: 10px;
 position: relative;
 width: 540px;
}
#home-message h2 {
 color: #010097;
 font: bold 14pt/18pt Arial, Helvetica, Sans-serif;
 margin: 6px 0 0;
 padding: 0;
}

#home-catalog p {
 border: 0px solid #ccc;
 height: 204px;
 left: 598px;
 margin: 0;
 padding: 0 26px 1em 0;
 position: absolute;
 top: 410px;
 width: 181px;
}

#home-offer-fb, #home-offer, #home-offer-2, #inside-offer-fb {
 left: 780px;
 position: absolute;
 top: 34px;
 z-index: 10;
}
#inside-offer-fb {
 left: 816px;
 top: 115px;
}
#home-offer {
 top: 88px;
}
#home-offer-2 {
 top: 341px;
}
#home-offer-2 a, #home-offer-2 img, #home-offer-fb a, #home-offer-fb img, #inside-offer-fb a, #inside-offer-fb img {
 border: none;
}

#home-alert {
 background: #eee;
 border: 1px solid #333;
 left: 780px;
 position: absolute;
 top: 328px;
 width: 130px;
 z-index: 20;
}
#home-alert h3, #home-alert p {
 margin: 0; padding: 10px;
}
/*End of Home page styles*/


/*Common footer styles for all page designs*/
#footer {
 background: url("../images/design/maximum-living-footer-slice.gif") transparent;
 border-top: 0px solid #999;
 clear: both;
 height: 40px;
 margin: 2em 0;
 padding: 0;
}
#footer p {
 font-size: 8pt;
}
#footer #indent {
 padding-left: 210px;
}
#footer #copyright {
 margin-top: 3.25em;
}

#navlinks {
 background: #4a8159;
 float: right;
 margin: 0;
 padding: 0;
}

#topnav ul li {
 border: 0px solid #fff;
 display: inline;
 height: 23px;
 margin: 0;
 padding: 0;
}

#topnav ul li a {
 background-color: transparent;
 color: #fff;
 float: left;
 line-height: 15px;
 margin: 0;
 padding: 4px 10px;
 text-decoration: none;
}

#navlinks li a:hover, #navlinks li a:active, #navlinks #current {
 background: #d3bc92;
 color: #000;
 margin: 0;
 padding: 4px 10px;
 text-decoration: none;
 text-align: center;
}


/*Styles for supplement fact panels*/
#detail .supplement-facts {
 border: 2px solid #333;
 float: left;
 font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
 margin: 0; padding: 5px;
 position: relative;
 width: 270px;
}
#detail .supplement-facts h3 {
 font: bold 14px/14px Verdana, Arial, Helvetica, sans-serif;
 margin: 0px; padding: 0px 0px 6px;
}
.supplement-facts h4 {
 font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
 margin: 0; padding: 0;
}
.supplement-facts p, .supplement-facts .small-print {
 font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
 margin: 0; padding: 0;
}
.supplement-facts .center {
 text-align: center;
}
.supplement-facts .small-print {
 border-top: 1px solid #000;
 border-bottom: none;
}
.supplement-facts table th, .supplement-facts table td {
 border-bottom: 1px dotted #999;
 font: 9px/12px Arial, Helvetica, sans-serif;
 margin: 0; padding: 2px 0;
}

/*Updated fact panels: 10/09/2009*/
.thumb img {
 border: 10px solid #cfcfcf;
 margin: 0; padding: 0;
}
.thumb span { /*CSS for enlarged image*/
background-color: #fff;
border: 1px solid #cfcfcf;
color: black;
left: -1000px;
padding: 5px;
position: absolute;
text-decoration: none;
visibility: hidden;
}
.thumb span img { /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumb:hover span { /*CSS for enlarged image*/
left: 0px; /*position where enlarged image should offset horizontally */
top: 12px;
visibility: visible;
z-index: 50;
}
.thumb a {
text-decoration: underline;
}
.thumb a:hover {
text-decoration: none;
}
.thumb span a {
text-decoration: none;
}

