/* CSS Document */
html {margin: 0; padding: 0; font-size: 62.5%;}
body {margin: 0 0 60px 0; padding: 0; background-color: #252525; font-family: arial, "Trebuchet MS", Helvetica, sans-serif;}
p {margin: 0; padding: 0;}
img {border: 0;}
a {}
h1 {margin: 0; padding: 0;}
h2 {margin: 0; padding: 0;}
h3 {margin: 0; padding: 0;}
h4 {margin: 0; padding: 0;}
h5 {margin: 0; padding: 0;}
h6 {margin: 0; padding: 0;}
.clear {clear: both; height: 0;}
.clear-l {clear: left;}
.orange {color: #ec6111;}
.red {color: #ce2e3a;}
.red2 {color: #ff0400;}
.dotted {border-bottom: 2px dotted #d9d9d9; margin: 20px 0; padding: 0; height: 2px;}
.black {color: #000;}
.italic {font-style: italic;}
#wrapper {width: 100%; margin: 0; padding: 0;}
.container {width: 960px; margin: 0 auto;}
/* Header */
#header {background: url(images/header-bg.png) top left repeat-x #000; height: 202px; position: relative; z-index: 1;}
#logo {width: 304px; height: 141px; float: left; margin: 0; padding: 0; z-index: 10;}
#phone {float: right; margin: 80px 40px 0 0;}
#phone p {font-family: myriad, sans-serif; font-size: 2.0em; color: #fff; font-style: italic;}
#h-right {width: 260px; height: 202px; float: right; margin: 0 -35px 0 0;}
#prod-img {background: url(images/header-me-36-product-bottle.jpg) top left no-repeat; height: 141px;}
#order-now {height: 61px;}
/* Main Navigation */
#main-nav {float: left; height: 53px; margin: 5px 0 0 0; padding: 0; background: url(images/nav-bar-bg.png) top left repeat-x;}
#main-nav li {list-style: none; float: left; display: block;}
#main-nav li.first {background: url(images/left-nav-bar.png) top left no-repeat; height: 53px; margin: 0; padding: 0;}
#main-nav li.middle {background: url(images/nav-bar-sep.png) center left no-repeat; height: 53px;}
#main-nav li.last {background: url(images/right-nav-bar.png) top right no-repeat; height: 53px; width: 4px; margin: 0; padding: 0;}
#main-nav li a {font-family: myriad, sans-serif; font-size: 1.8em; padding: 0 20px; line-height: 48px; text-decoration: none; font-weight: bold; color: #818181; text-shadow: 2px 2px #000;}
#main-nav li a:hover {color: #cfcfcf;}
#main-nav li a.active {color: #cfcfcf;}
/* Showcase */
#showcase {background-color: #000; margin: 0; padding: 0;}
/* Front Page Showcase Fader */
#main-showcase {min-height: 420px; font-family: "Trebuchet MS", Helvetica, sans-serif;}
#slide1 {width: 960px; height: 421px; background: url(images/slide-1-bg.jpg) top right no-repeat;}
#slide1-left-col {width: 400px; float: left; margin: 0 0 0 20px;}
#slide1-left-col p.heading {font-family: myriad, sans-serif; font-size: 2.8em; color: #fff; font-style: italic; font-weight: bold; margin: 10px 0;}
.norm {font-weight: normal;}
#slide1-left-col p.bcopy {font-family: myriad, sans-serif; color: #fff; font-size: 1.8em; width: 254px; line-height: 1.6em;}
.slide-ord-btn {margin: 20px 0 0 0;}
#slide1-right-col {width: 437px; height: 50px; float: right;}
#slide1-right-col p {color: #fff; margin: 370px 0 0 10px; font-size: 1.3em; font-weight: bold;}
#slide1-right-col a {color: #ec6111; margin: 0 0 0 10px; text-decoration: none; font-size: 1.3em; font-weight: bold;}
#slide2 {width: 960px; height: 421px; background: url(images/slide-2-bg.jpg) top right no-repeat;}
#slide2-left-col {width: 400px; float: left; margin: 0 0 0 20px;}
#slide2-left-col p.heading {font-family: myriad, sans-serif; font-size: 2.8em; color: #fff; font-style: italic; font-weight: bold; margin: 10px 0;}
#slide2-left-col p.bcopy {font-family: myriad, sans-serif; color: #fff; font-size: 1.8em; width: 310px; line-height: 1.6em;}
#slide2-right-col {width: 437px; height: 50px; float: right;}
#slide2-right-col p {color: #fff; margin: 370px 0 0 10px; font-size: 1.3em; font-weight: bold;}
#slide2-right-col a {color: #ec6111; margin: 0 0 0 10px; text-decoration: none; font-size: 1.3em; font-weight: bold;}
/* Other Pages Showcase*/
#other-showcase {min-height: 190px;}
#page-title {width: 470px; float: left; margin: 0; padding: 0;}
#page-title p {color: #fff; font-size: 4.0em; font-weight: bold; line-height: 130px; padding-left: 20px;}
#show-right {width: 417px; height: 100px; float: right; padding: 40px 0 0 20px;}
#show-right p {font-family: Arial, Helvetica, sans-serif; color: #747474; font-size: 1.5em; margin: 10px 0 0 0; padding: 0 30px 0 0; font-weight: bold;}
#other-show-logo {padding: 0; margin: 0 0 20px 0;}
/* Main Content */
#content {background: url(images/content-bg.png) top left repeat-x; min-height: 13px; padding: 30px 0 0 0; margin: 0;}
#main-col {margin: -80px 0 0 0; padding: 0; font-size: 1.4em; position: relative;}
/* Left Column */
#left-col {float: left;}
#left-col-body {background-color: #fff; width: 470px; min-height: 850px;}
#left-col-content {padding: 20px; margin: 0;}
#left-col-content-other {padding: 20px; margin: 0;}
#left-col-content p {margin: 10px 0; color: #4a4a4a;}
#left-col-content h1 {margin: 5px 0; padding: 0; font-size: 1.4em; color: #ec6111; font-weight: bold;}
#left-col-content h2 {margin: 5px 0; padding: 0; font-size: 1.4em; color: #ec6111;}
#left-col-content h6 {margin: 5px 0; padding: 0; font-size: 1.1em; color: #4a4a4a; font-weight: bold;}
#left-col-content-other h1, #right-col-content-other h3 {margin: 5px 0 10px 0; padding: 0; font-size: 1.4em; color: #ec6111; font-weight: bold;}
#left-col-content-other h2, #right-col-content-other h2, #right-col-content-other h4 {margin: 5px 0; padding: 0; font-size: 1.3em; color: #4a4a4a;}
#left-col-content-other p {margin: 10px 0 20px 0; color: #727272; font-size: 1.0em;}
#l-col-b-box {margin: 0; padding: 20px 0 0 0;}
#l-col-b-box h2 {float: left; width: 130px;}
#l-col-b-box img {float: right;}
#left-col-contact-box {margin: 0; padding: 0 0 0 20px;}
#left-col-contact-box h2 {width: 180px; float: left; color: #ce2e3a;}
#contact-p-box {width: 170px; height: 147px; margin: 0 0 0 15px; float: left;}
/* Middle Column */
#middle-col {width: 53px; float: left; /*min-height: 914px;*/}
#middle-col-top {background: url(images/mid-col-top.png) top left no-repeat; width: 53px; height: 50px;}
#middle-col-mid {background-color: #dedede; min-height: 800px;}
#middle-col-bot {background: url(images/mid-col-bot.png) bottom left no-repeat; width: 53px; height: 54px;}
/* Right Column */
#right-col {width: 437px; float: left; margin: 50px 0 0 0;}
#right-col-body {background-color: #fff;}
#right-col-content {padding: 20px; min-height: 388px;}
#right-col-content-other {padding: 20px; min-height: 813px;}
#right-col-content-cinfo {background: url(images/contact-bg.png) top left repeat-x; width: 397px; height: 486px; padding: 20px;}
#right-col-content-cinfo p {color: #fff; font-weight: bold; font-size: 1.6em; margin: 0 0 20px 0;}
#right-col-content-contact {height: 317px; padding: 5px 20px;}
#right-col-content p {margin: 10px 0 20px 0; padding: 0; font-weight: bold;}
#right-col-content-other p {margin: 10px 0 0 0; color: #727272; font-size: 1.0em;}
#right-col-content h4 {margin: 5px 0; padding: 0; font-size: 1.3em;}
.test-name {margin: 0; padding: 0 10px 0 0; float: right; color: #727272; font-size: 1.0em;}
/* Front Page Form */
#form-reg {background: url(images/form-reg-bg.png) top left repeat-x; height: 399px; padding: 5px 20px 20px 20px;}
#form-reg h4 {margin: 5px 0 10px 0; padding: 0; font-size: 1.3em; color: #fff;}
#form-reg-left-col {width: 280px; float: left;}
#form-reg-left-col p {margin: 0 0 17px 0;}
#form-reg-left-col p label {margin: 0; color: #fff;}
#form-reg-left-col input, #form-reg-left-col select {float: right; width: 183px;}
#form-reg-right-col {float: left; width: 87px; margin: 30px 0 0 20px;}
#form-reg-right-col img {margin: 20px 0;}
.continue-order {background: url(images/continue-order.png) top left no-repeat; width: 120px; height: 37px; float: right; border: 0; margin: 10px 20px 0 0; padding: 0;}
/* Form Body */
#form {width: 397px; margin: 10px 0 0 0; padding: 0;}
#form-top {width: 397px; margin: 10px 0 0 0;}
#form-head-left {width: 279px; float: left; padding: 5px 0 5px 40px; margin: 0; border: 2px dotted #d9d9d9; font-weight: bold;}
#form-head-right {width: 54px; float: left; padding: 5px 0 5px 10px; border-top: 2px dotted #d9d9d9; border-right: 2px dotted #d9d9d9; border-bottom: 2px dotted #d9d9d9; font-weight: bold;}
#form-body {width: 397px; margin-bottom: 20px;}
#product-select {width: 20px; float: left; padding: 0 5px 0 10px; border-left: 2px dotted #d9d9d9; border-right: 2px dotted #d9d9d9; border-bottom: 2px dotted #d9d9d9;}
.p-select {height: 81px; padding: 0; margin: 0;}
#product-img {width: 68px; float: left;}
.p-image {height: 80px; padding: 0; text-align: center; border-right: 2px dotted #d9d9d9; border-bottom: 2px dotted #d9d9d9;}
#product-label {width: 217px; float: left;}
.p-label {height: 65px; font-size: 1.0em; padding: 15px 0 0 10px; border-right: 2px dotted #d9d9d9; border-bottom: 2px dotted #d9d9d9;}
#product-price {width: 64px; float: left;}
.p-price {height: 65px; padding: 15px 10px 0 10px; border-right: 2px dotted #d9d9d9; border-bottom: 2px dotted #d9d9d9; font-weight: bold;}
/* Footer */
#footer {width: 470px; height: 50px; margin: -45px 0 0 0; padding: 0; float: left; font-size: 1.2em;}
#footer-nav {float: left; margin: 0; padding: 0;}
#footer-nav li {list-style: none; display: block; float: left; border-right: 1px solid #4a4a4a;}
#footer-nav li.last {list-style: none; display: block; float: left; border: 0;}
#footer-nav li a {color: #4a4a4a; padding: 0 5px; text-decoration: none; font-weight: bold;}
#footer-nav li a:hover {color: #cfcfcf;}
#email {width: 200px; float: left; color: #4a4a4a; padding: 0 0 0 5px;}
#copy {width: 200px; float: left; color: #4a4a4a; padding: 0 0 0 5px;}
#social-media {width: 125px; float: right; margin: 5px 5px 0 0;}
#social-media li {float: right; list-style: none;}
/* Faqs Page */
#faq-order {background: url(images/me-36-faq-grey-shadow.png) center center no-repeat; height: 155px; margin: 60px 0 0 0;}
#faq-order img.pic1 {float: left; margin: 0 30px 0 60px;}
#faq-order img.pic2 {float: left; margin: 50px 0 0 0;}
/* ED Page */
#ed-order {background: url(images/me-36-faq-grey-shadow.png) center center no-repeat; height: 155px; margin: 20px 0 0 0;}
#ed-order img.pic1 {float: left; margin: 0 30px 0 60px;}
#ed-order img.pic2 {float: left; margin: 50px 0 0 0;}
/* Testimonials Page */
#left-col-content-other p.name-test {margin: -10px 0 0 0; padding: 0; color: #727272; font-size: 1.0em;}
#test-order {background: url(images/me-36-faq-grey-shadow.png) center center no-repeat; height: 255px; margin: 50px 0 0 0;}
#test-order img.pic1 {float: left; margin: 0 30px 0 80px;}
#test-order img.pic2 {float: left; margin: 0;}
#test-order img.pic3 {margin: 10px 0 0 123px;}
#test-call-out {margin: 0; padding: 0;}
#test-call-out p {font-size: 1.8em; color: #4a4a4a; font-weight: bold; line-height: 1.1em;}
/* Contact Page */
#c-form form#contform p {color: #474747; font-weight: bold;}
#c-form form#contform p input.input-text {margin: 5px 0 10px 0; border-top: 2px solid #4a4a4a; border-left: 2px solid #4a4a4a; border-right: 1px solid #7a7a7a; border-bottom: 1px solid #7a7a7a;}
#c-form form#contform p textarea {margin: 5px 0 10px 0; border-top: 2px solid #4a4a4a; border-left: 2px solid #4a4a4a; border-right: 1px solid #7a7a7a; border-bottom: 1px solid #7a7a7a;}
input#contact-submit {background: url(images/submit-btn.png) top left no-repeat; width: 120px; height: 38px; border: 0;}
/* Privacy Page */
#privacy-main {width: 920px; float: left; background-color: #fff; min-height: 200px; margin: 70px 0 50px 0; padding: 20px;}
#privacy-main p {font-size: 1.0em;}
#privacy-main h4 {font-size: 1.2em; margin: 5px 0; padding: 0;}
#privacy-main img {float: left; margin: 0 10px 10px 0;}