@charset "utf-8";
/* CSS Document */

/* Styles for BODY */
body { background: #7F5E3A; /*#9ADFFF*/ color: #333333; font: normal 13px/18px Arial, Helvetica, sans-serif; margin: 0px; padding: 25px 0px; }
a { color: #0061C8; outline: none; }
a:hover { text-decoration: none; }
h1 { color: #004990; font: bold 22px/100% Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; }
h2 { color: #7F5E3A; font: bold 18px/100% Arial, Helvetica, sans-serif; }
img.bordered { background: #FFFFFF; border: solid #BDAB97 1px; padding: 3px; }
div.divider { border: solid #CCCCCC; border-width: 1px 0px 0px 0px; }
.button { background: #7F5E3A; border: solid #624423 2px; color: #FFFFFF; display: inline-block; line-height: 100%; margin: 7px 0px 5px 0px; padding: 8px 10px; text-decoration: none; width: auto; }
.button:hover { background: #624423; }
div.clear { clear: both; }

/* Styles for "Main Wrapper" */
div.main-wrapper { margin: 0px auto; width: 1000px; }

/* Styles for "Header Container" */
div#header-container { background: #FFFFFF url(../images/background-page-top-corners-outer.png) top left no-repeat; padding: 10px 10px 0px 10px; }
div#header-container div.inner { background: #65BBE9 url(../images/background-header-gradient.png) top left repeat-x; position: relative; }
div#header-container div.inner div.column-left { float: left; padding: 25px 0px 18px 25px; }
div#header-container div.inner div.column-right { color: #3B250D; float: right; padding: 20px 25px 18px 0px; }
div#header-container div.inner div.column-right div.phone { background: url(../images/icon-phone.gif) 0px 18px no-repeat; font: bold 20px/20px Arial, Helvetica, sans-serif; float: right; padding: 15px 0px 0px 20px; text-align: right; }
div#header-container div.inner div.column-right div.phone span.smaller { font: bold 15px/18px Arial, Helvetica, sans-serif; }
div#header-container div.inner div.column-right div.newsletter-form { float: right; padding-left: 50px; text-align: right; }
div#header-container div.inner div.column-right div.newsletter-form form { margin: 0px; padding: 0px; }
div#header-container div.inner div.column-right div.newsletter-form div.title { font: bold 13px/100% Arial, Helvetica, sans-serif; padding-bottom: 4px; }
div#header-container div.inner div.column-right div.newsletter-form div.text-field { background: url(../images/background-newsletter-assets.gif) 0px 0px no-repeat; text-align: left; height: 26px; margin-bottom: 3px; width: 202px; }
div#header-container div.inner div.column-right div.newsletter-form div.text-field input { background: none; border: 0px; color: #3B250D; font: bold 12px/100% Arial, Helvetica, sans-serif; margin: 5px 0px 0px 12px; outline: none; width: 175px; }
div#header-container div.inner div.column-right div.newsletter-form #newsletter-submit-button { background: url(../images/background-newsletter-assets.gif) -205px 0px; border: 0px; cursor: pointer; outline: none; height: 26px; width: 72px; }
div#header-container div.inner div.column-right div.newsletter-form #newsletter-submit-button:hover { background-position: -205px -26px; }
div#header-container div.inner div.column-right div.newsletter-form div.share { padding-top: 10px; }
div#header-container div.inner div.corner { background: url(../images/background-page-top-corners-inner.png) no-repeat; height: 15px; width: 15px; }
div#header-container div.inner div.c-tl { background-position: 0px 0px; position: absolute; top: 0px; left: 0px; }
div#header-container div.inner div.c-tr { background-position: -15px 0px; position: absolute; top: 0px; right: 0px; }

/* Styles for "Top Nav Container" */
div#top-nav { background: #FFFFFF; padding: 1px 10px; }
div#top-nav div.inner { background: #7F5E3A; }
div#top-nav div.inner table { border: solid #FFFFFF; border-width: 0px 0px 0px 1px; }
div#top-nav div.inner a { border: solid #FFFFFF; border-width: 0px 1px 0px 0px; color: #FFFFFF; display: block; font: bold 15px/100% Arial, Helvetica, sans-serif; padding: 10px 12px 8px 12px; text-decoration: none; text-transform: uppercase; }
div#top-nav div.inner a:hover { background: #624423 url(../images/background-nav-bar-hover-arrow.gif) center bottom no-repeat; }
div#top-nav div.inner .dropdown-menu { background-color: #FFFFFF; border: solid #7F5E3A; border-width: 0px 1px 1px 1px; line-height: 100%; position: absolute; text-align: left; visibility: hidden; z-index: 500; }
div#top-nav div.inner .dropdown-menu a { border: none; color: #7F5E3A; font: bold 14px/100% Arial, Helvetica, sans-serif; padding: 6px 0px; text-indent: 15px; text-transform: none; }
div#top-nav div.inner .dropdown-menu a:hover { background: #7F5E3A; color: #FFFFFF; }
div#about-menu { width: 180px; }
div#compounding-menu { width: 200px; }
div#services-menu { width: 300px; }
div#supplements-menu { width: 205px; }

/* Styles for "Body Container" */
div#body-container { background: #FFFFFF url(../images/background-page-bottom-corners-outer.png) left bottom no-repeat; padding: 0px 10px 10px 10px; }
div#body-container div.inner { background: #F8F0E8 url(../images/background-page-left-curve.png) -94px -37px no-repeat; }
/* Styles for "Body Left Column" */
div#body-container div#column-left { float: left; padding: 15px 0px 0px 15px; width: 170px; }
div#body-container div#column-left div.rounded-box { background: #BDAB97; margin-bottom: 15px; padding: 3px; }
div#body-container div#column-left div.rounded-box-inner { background: #F8F0E8; padding-bottom: 8px; }
div#body-container div#column-left div.rounded-box div.title { color: #0152A4; font: bold 13px/100% Arial, Helvetica, sans-serif; padding: 6px 0px 6px 10px; }
div#body-container div#column-left div.rounded-box div.center-title { padding-left: 0px; }
div#body-container div#column-left div.rounded-box ul { border: solid #DFD6CE; border-width: 0px 0px 1px 0px; list-style: none; margin: 0px; padding: 0px; }
div#body-container div#column-left div.rounded-box ul li { list-style: none; margin: 0px; padding: 0px; }
div#body-container div#column-left div.rounded-box ul li a { border: solid #DFD6CE; border-width: 1px 0px 0px 0px; color: #1B0600; display: block; line-height: 100%; padding: 6px 0px 6px 10px; text-decoration: none; }
div#body-container div#column-left div.rounded-box ul li a:hover { background: #BDAB97; color: #FFFFFF; }
div#body-container div#column-left div.rounded-box div.affiliate { padding: 8px 0px; }
div#body-container div#column-left div.rounded-box a.button { background: #7F5E3A; border: solid #624423 2px; color: #FFFFFF; display: inline-block; line-height: 100%; margin: 7px 0px 5px 0px; padding: 8px 10px; text-decoration: none; width: auto; }
div#body-container div#column-left div.rounded-box a.button:hover { background: #624423;  }
/* Styles for "Body Right Column" */
div#body-container div#column-right { float: right; padding: 15px 15px 0px 0px; width: 760px; }
div#body-container div#column-right div.content { font: normal 14px/20px Arial, Helvetica, sans-serif; padding: 15px 0px 20px 0px; }
/* Styles for "Body Bottom" */
div#body-container div.curve { background: url(../images/background-page-bottom-curve.png) top left no-repeat; height: 88px; }
div#body-container div#body-bottom { color: #FFFFFF; position: relative; }
div#body-container div#body-bottom div.content { background: #77C1ED url(../images/background-page-bottom-corners-inner.png) left bottom no-repeat; padding: 0px 25px 25px 25px; }
div#body-container div#body-bottom a { color: #FFFFFF; text-decoration: none; }
div#body-container div#body-bottom a:hover { color: #115980; }
div#body-container div#body-bottom div.title { font: bold 16px/100% Arial, Helvetica, sans-serif; padding: 0px 0px 3px 0px; }
div#body-container div#body-bottom div.sub-content { float: left; padding-right: 35px; }
div#body-container div#body-bottom div.sub-content ul { list-style: none; margin: 0px; padding: 0px; }
div#body-container div#body-bottom div.sub-content ul li { list-style: none; margin: 0px; padding: 0px; }
div#body-container div#body-bottom div.sub-content ul li a { display: block; }
div#body-container div#body-bottom div.sub-content ul li a:hover { color: #115980; }
div#body-container div#body-bottom div.sub-content ul.doubled { float: left; }
div#body-container div#body-bottom div.sub-content ul.first { padding-right: 15px; }
div#body-container div#body-bottom div.contact-info { color: #FFFFFF; display: inline; float: right; text-align: right; }
div#body-container div#body-bottom a.social { display: inline-block; margin: 5px 0px 0px 10px; }
div#body-container div#body-bottom a.affiliate { float: left; margin: 20px 20px 0px 0px; position: relative; left: 380px; }
div#body-container div#body-bottom div.copyright { position: absolute; left: 25px; bottom: 25px; }
div#body-container div#body-bottom div.credits { line-height: 100%; position: absolute; right: 25px; bottom: 25px; }

/* Styles for "Footer Container" */
div#footer-container { }