
/* Copyright (C) 2008 Aaron Merriman, AaronMerriman.com. All rights reserved. */

* {
 margin: 0;
 padding: 0;
}

body {
 background: #004d9b url('images/bkgd_site.jpg') repeat left top;
 font: normal normal normal 12px/18px arial,verdana,sans-serif;
 color: #474747;
}

img {
 display: block;
 border: 0 solid transparent;
}

h1 {
 margin-bottom: .5em;
 font: normal normal bold 21px/24px arial,verdana,sans-serif;
 color: #000000;
}

h2 {
 clear: left;
 height: 24px;
 margin-bottom: .5em;
 padding-top: .5em;
 background: transparent url('images/bkgd_separator.gif') no-repeat left bottom;
 font: normal normal normal 18px/20px arial,verdana,sans-serif;
 color: #ff5c00;
}

h4 {
 float: left;
 height: 85px;
 font: normal normal bold 44px/36px arial,verdana,sans-serif;
 color: #000000;
}

h5 {
 font: normal normal bold 30px/33px arial,verdana,sans-serif;
 color: #000000;
}

h6 {
 clear: left;
 height: 24px;
 margin-bottom: .5em;
 padding-top: 1.25em;
 background: transparent url('images/bkgd_separator.gif') no-repeat left bottom;
 font: normal normal normal 18px/20px arial,verdana,sans-serif;
 color: #ff5c00;
}

h3, fieldset button {
 font: normal normal bold 10px/18px verdana,arial,sans-serif;
 text-transform: uppercase;
}

fieldset button { margin-bottom: 1em; }

a { color: #069fff; }
a:hover, a:focus { color: #000000; }

#bkgd { background: transparent url('images/bkgd_page.jpg') repeat-x left top; }

#site {
 width: 756px;
 margin: 0 auto 0 auto;
 padding: 42px 0;
}

#header {
 height: 200px;
 padding: 3px;
 background: transparent url('images/bkgd_header.gif') no-repeat left top;
}

#header span {
 float: right;
 margin: 4px 7px 0 0;
 font: normal normal bold 10px/13px verdana,arial,sans-serif;
 color: #80a8ce;
}

#header ul { height: 42px; }

#header ul li { float: left; }

#header ul li a {
 display: block;
 height: 42px;
 background-image: url('images/bkgd_nav-bar.jpg');
 background-repeat: no-repeat;
}

#nv_01 { width: 65px; background-position: left top; }
#nv_02 { width: 184px; background-position: -65px top; }
#nv_03 { width: 89px; background-position: -249px top; }
#nv_04 { width: 130px; background-position: -338px top; }
#nv_05 { width: 91px; background-position: -468px top; }
#nv_06 { width: 157px; background-position: -559px top; }

#nv_01:hover, #nv_01:focus { background-position: left bottom; }
#nv_02:hover, #nv_02:focus { background-position: -65px bottom; }
#nv_03:hover, #nv_03:focus { background-position: -249px bottom; }
#nv_04:hover, #nv_04:focus { background-position: -338px bottom; }
#nv_05:hover, #nv_05:focus { background-position: -468px bottom; }
#nv_06:hover, #nv_06:focus { background-position: -559px bottom; }

#logo {
 display: block;
 height: 111px;
 width: 200px;
 margin: 31px 0 19px 21px;
}

#page {
 padding: 0 2px;
 border-left: 1px solid #ffffff;
 border-right: 1px solid #ffffff;
}

.content {
 min-height: 700px;
 padding: 25px 200px 0 25px;
 background-color: #ffffff;
 background-repeat: no-repeat;
 background-position: right top;
}

#rp_01 { background-image: url('images/Angela-Brownfield.jpg'); }
#rp_02 { background-image: url('images/Blaine-Alberty.jpg'); }
#rp_03 { background-image: url('images/Gene-Forrester.jpg'); }
#rp_04 { background-image: url('images/Muriel-Vincent.jpg'); }
#rp_05 { background-image: url('images/Angela-Brownfield.jpg'); }
#rp_06 { background-image: url('images/Blaine-Alberty.jpg'); }
#rp_07 { background-image: url('images/Darran-Alberty.jpg'); }
#rp_08 { background-image: url('images/Muriel-Vincent.jpg'); }
#rp_09 { background-image: url('images/Angela-Brownfield.jpg'); }
#rp_10 { background-image: url('images/Triston-Brownfield.jpg'); }
#rp_11 { background-image: url('images/Gene-Forrester.jpg'); }
.rp_99 { background-image: url('images/bkgd_content.jpg') !important; }

.vitamin_list ul li {
 display: block;
 float: left;
 height: 100px;
 width: 170px;
 margin: 0 20px 10px 0;
 padding-right: 70px;
 background-repeat: no-repeat;
 font: normal normal normal 10px/14px verdana,arial,sans-serif;
}

#nb_01, #nb_02, #nb_03, #nb_04, #nb_05, #nb_06 { background-image: url('images/Natures-Bounty.gif'); }
#ct_01, #ct_02, #ct_03, #ct_04, #ct_05, #ct_06 { background-image: url('images/21st-Century-Vitamins.gif'); }
#ct2_01, #ct2_02, #ct2_03, #ct2_04, #ct2_05 { background-image: url('images/21st-Century-Vitamins_02.png'); }

#nb_01, #ct_01 { background-position: right top; }
#nb_02, #ct_02 { background-position: right -125px; }
#nb_03, #ct_03 { background-position: right -250px; }
#nb_04, #ct_04 { background-position: right -375px; }
#nb_05, #ct_05 { background-position: right -500px; }
#nb_06, #ct_06 { background-position: right bottom; }

#ct2_01 { background-position: right top; }
#ct2_02 { background-position: right -125px; }
#ct2_03 { background-position: right -250px; }
#ct2_04 { background-position: right -375px; }
#ct2_05 { background-position: right -500px; }

.pg_services img, .prod img {
 float: right;
 margin: 0 0 15px 15px;
}

#rp_03 ul, #rp_04 ul, #rp_08 ul, #wl_left ul { margin-left: 18px; }

#wl_right {
 float: right;
 min-height: 350px;
 width: 247px;
 padding: 325px 0 0 15px;
 border-left: 1px solid #a5daff;
}

#wl_left {
 position: absolute;
 width: 247px;
}

#wl_left span {
 float: right;

 font: normal normal bold 10px/13px verdana,arial,sans-serif;
}

#post_it {
 position: absolute;
 margin: -349px 0 0 -68px;
}

#prescriptions {
 float: right;
 margin: 5px 27px 0 0;
}

#dh_news {
 height: 314px;
 width: 240px;
 overflow: hidden;
}

#tm_outer {
 height: 85px;
 width: 247px;
 padding: 20px 0;
 background: transparent url('images/bkgd_testimonials.gif') no-repeat left top;
}

#tm_inner {
 height: 85px;
 width: 197px;
 margin: 0 auto;
 overflow: hidden;
}

#tm_content { position: relative; }

#tm_content div { height: 85px; }

#tm_content p {
 margin-bottom: .75em;
 padding-top: .32em;
 font: normal normal bold 12px/18px verdana,arial,sans-serif;
 color: #000000;
}

#tm_content i {
 float: right;
 padding-right: .2em;
 color: #004298;
}

#dh_card { float: right; }

#disclaimer {
 clear: left;
 padding-top: 2.5em;
 font: italic normal normal 11px/15px arial,verdana,sans-serif;
 color: #bfbfbf;
}

#disclaimer2 {
 clear: left;
 padding-top: 2.5em;
 font: normal normal normal 11px/15px arial,verdana,sans-serif;
 color: #999999;
}

#header ul, .vitamin_list ul, fieldset ul, #locations, #coupon, #blog, #footer ul { list-style: none; }

#coupon li {
 height: 190px;
 width: 465px;
 margin-top: 2em;
 padding: 15px 20px 20px 20px;
 border: 5px dashed #004d9b;
}

#coupon li img { float: right; }

.cpn_01 {
 font: normal normal bold 60px/60px arial,verdana,sans-serif;
 color: #ff5c00;
}

.cpn_02 {
 margin-bottom: .5em;
 font: normal normal bold 22px/25px arial,verdana,sans-serif;
}

.cpn_03 {
 position: absolute;
 margin-top: 182px;
 font: italic normal normal 10px/10px arial,verdana,sans-serif;
 color: #bfbfbf;
}

#blog h3 { line-height: 13px; }

#blog span {
 display: block;
 margin-bottom: 1em;
 font: italic normal normal 10px/13px verdana,arial,sans-serif;
}

#critical_error {
 margin: 3em 0 4.5em 0;
 padding: .5em 2em;
 border-top: 1px solid #ff0000;
 border-bottom: 1px solid #ff0000;
}

fieldset {
 margin-bottom: 1.75em;
 padding: 5px 0 20px 10px;
 border: 1px solid #474747;
}

fieldset legend {
 margin-left: -4px;
 padding: 0 4px 0 3px;
 font: normal normal normal 18px/21px arial,verdana,sans-serif;
 color: #ff5c00;
}

fieldset ul li {
 float: left;
 margin-right: 10px;
 font: normal normal normal 10px/13px verdana,arial,sans-serif;
 color: #474747;
}

fieldset ul li span input, fieldset textarea {
 display: block;
 margin-top: 1px;
 border: 1px solid #ffb900;
 background: transparent url('images/bkgd_input.gif') repeat-x left top;
 font: normal normal bold 10px/13px verdana,arial,sans-serif;
}

fieldset ul li span input {
 height: 14px;
 padding: 2px 3px 0 3px;
}

fieldset textarea {
 width: 491px;
 padding: 3px;
}

.pres_button {
 display: block;
 height: 29px;
 width: 242px;
 margin: 2px -1px -5px -1px;
 padding-top: 13px;
 background: #069fff;
 font: normal normal bold 16px/18px arial,verdana,sans-serif;
 text-align: center;
 text-decoration: none;
 color: #ffffff;
}

.pres_button:hover, .pres_button:focus { background: #82cfff; }

form label {
 display: block;
 height: 25px;
 width: 142px;
 padding-left: 17px;
}

.input_checkbox { position: absolute; }

#dh_admin fieldset { padding-bottom: 5px; }

#dh_admin ul { margin-top: 5px; }

#message { height: 100px; }

#blog_text, #coupons_text { height: 350px; }

#instructions {
 float: right;
 width: 145px;
 padding: 60px 15px;
}

#instructions h3 {
 margin-bottom: .5em;
 color: #ff5c00;
}

#instructions ul { margin-left: 14px; }

#instructions ul li { font: normal normal normal 10px/18px verdana,arial,sans-serif; }

#dh_01 input { width: 95px; }
#dh_02 input { width: 115px; }
#dh_03 input { width: 142px; }
#dh_04 input { width: 85px; }

#send_now, #sign_up, #save_changes {
 height: 30px;
 padding: 0 10px 2px 10px;
 font: normal normal bold 10px/13px verdana,arial,sans-serif;
}

#send_now { margin: .5em 0 0 220px; }

#sign_up { margin: .5em 0 0 112px; }

.sign_01 { margin-bottom: .5em; }

.sign_up_01 { margin-top: .25em; }

#save_changes { margin: .5em 0 3em 202px; }

#locations {
 margin-top: 2em;
 padding: 0 15px 0 12px;
}

#locations li {
 width: 150px;
 font: normal normal normal 10px/13px verdana,arial,sans-serif;
}

.input_error {
 font-weight: bold;
 color: #ff0000;
}

#locations li span { font-weight: bold; }

#locations li a {
 display: block;
 float: right;
 height: 12px;
 width: 50px;
 background-color: transparent;
 background-image: url('images/bkgd_map-it.gif');
 background-repeat: no-repeat;
 background-position: left top;
}

#locations li a:hover, #locations li a:focus { background-position: left bottom; }

#lc_01 { float: left; }
#lc_02 { float: right; }

#dummy { clear: both; }

#movie { display: block; }

iframe {
 padding: 3px;
 border: 1px solid #02468a;
}

table {
 margin-bottom: 2em;
 border-bottom: 1px solid #02468a;
 border-spacing: 0;
}

td {
 padding: 2px 0 1px 3px;
 border-top: 1px solid #02468a;
}

.disc_cond {
 padding-top: 3px;
 border-left: 1px solid #02468a;
 background: #ddeeff;
 font: normal normal bold 16px/18px arial,verdana,sans-serif;
 color: #ff5c00;
}

.disc_cond2 {
 padding-top: 3px;
 border-right: 1px solid #02468a;
 border-left: 1px solid #02468a;
 background: #ddeeff;
 font: normal normal bold 16px/18px arial,verdana,sans-serif;
 text-align: center;
 color: #ff5c00;
}

.disc_left {
 width: 300px;
 border-left: 1px solid #02468a;
}

.disc_right {
 width: 75px;
 border-right: 1px solid #02468a;
 border-left: 1px solid #02468a;
 text-align: center;
}

#prod_01 { margin-bottom: 1em; }

.prod_04 {
 margin-top: 4em;
 padding-top: 2em;
 border-top: 1px solid #02468a;
}

#prod_02, .prod_05 {
 float: right;
 margin: 0 0 10px 10px;
}

.prod_03 {
 display: inline;
 vertical-align: bottom;
}

.prods .list_02 { margin: 1em 0 0 15px; }

.prods h2 { margin: 0; padding: 0; }

#index_links { margin-top: 13px; }

#facebook {
 display: block;
 float: right;
 height: 25px;
 width: 100px;
 background: transparent url('images/dh_facebook.gif') no-repeat left top;
}

#twitter {
 display: block;
 height: 25px;
 width: 100px;
 background: transparent url('images/dh_twitter.gif') no-repeat left top;
}

#footer {
 font: normal normal normal 10px/13px verdana,arial,sans-serif;
 color: #5e94c5;
}

#footer {
 font: normal normal normal 10px/13px verdana,arial,sans-serif;
 color: #5e94c5;
}

#footer ul {
 height: 30px;
 margin-bottom: 12px;
 padding: 69px 10px 0 10px;
 background: transparent url('images/bkgd_footer.gif') no-repeat left top;
 text-align: center;
 color: #2b649b;
}

#footer ul li { display: inline; }

#footer a { color: #5985b1; }

#footer a:hover, #footer a:focus { color: #ffffff; }

#footer p { margin-left: 21px; }

#footer span {
 float: right;
 margin-right: 21px;
}

#footer span a { color: #80a8ce; }

#parishours { float: right; }

