/* 
    
  == Color Palette: ========================
   * Dark Green:            62B857
   * Light Green:     		A7D29B
   * Light Blue				79B1E0
   * Dark Blue				507594
   * Orange					FAB427
   * Gold/Brown				908D5A
  ======================================
   
*/

/* === HTML Tags ====================================================== */

div.nutrition-table.lt-blue tr.item-price {background-color:#79B1E0; }
div.nutrition-table.dk-green tr.item-price {background-color:#62B857; }
div.nutrition-table.orange tr.item-price {background-color:#FAB427; }

body {color:#887E6F;}
h2 {color:#79B1E0;text-transform:uppercase;margin:0.50em 0 0.2em 0;font-size:2em;}
h4 {color:#79B1E0;}
a {color:#62B857;text-decoration:none;border-bottom:1px solid #DDD;}
a:hover {color:#A7D29B;text-decoration:none;border:none;}
a img {border:none;}
ul li ul {list-style-type:circle;}
.hidden {display: none; visibility: hidden;}
tr.item-price {background-color: #7ab2e1; color: #FFF;}
tr.item-price td#fat {color: #FFF;}
tr.item-price td strong {color: #FFF;}



/* === Home Update 9/30/11 ====================================================== */
div#home-flash {text-align: center;}
h1#home-lead { text-align: center; font: normal 22px "Arial", sans-serif; display: block; padding: 0px 0px 0px 0px; color: #213577;}
h1#home-lead strong {color: #5ebb4e; font-weight: normal;}
div#home-social {text-align: left; overflow: hidden; height: 50px;}

.pad-top-50 {padding: 42px 0px 0px 0px}
strong.blue {color: #005596;}
div.home-col {float: left; position: relative; padding: 0px 0px 0px 0px; text-align: left;}
div.home-col#living-healthy h1 {padding: 0px 0px 20px 0px; margin: 0px; float: left; position: relative; display: block;}
div.home-col#living-healthy {width: 600px;}
div.home-col#latest-greatest {width: 270px;}
div.home-col#latest-greatest h1 {padding: 0px 0px 5px 0px; margin: 0px; float: left; position: relative; display: block;}
div.home-col#latest-greatest a {border: 0px;}
div.home-col#latest-greatest p {float: left; position: relative; clear: left; display: block;}
p.living-healthy-article {float: left; position: relative; clear: left; width: 550px; color: #887e6f; margin-bottom: 20px;}
p.living-healthy-article strong {float: left; position: relative; color: #213577; width: 600px; font-size: 16px;}
p.living-healthy-article a {color: #A7D29B; border-bottom: 0px; font-weight: bold;}
p.living-healthy-article a:hover {text-decoration: underline;}

/*Social Icons and Page Top*/
div.social-wrap {float: right; position: relative; display: block; width: 500px; padding-top: 15px;}
span#facebook-social {float: right; position: relative; display: block; overflow: hidden; width: 215px;}
span#facebook-social a {position: absolute; top:0px; right: 11px; font: bold 11px sans-serif; color:#186492; display: block; margin-top: 4px; clear: left; text-decoration: none;}
span#facebook-social a:hover {text-decoration: underline;}
span#twitter-social {float: right; position: relative; display: block;  width: 170px; overflow: hidden;}

div.twtr-widget {float: left; position: relative; clear: left; display: block;}

/*Add to live healthy */

span#live-healthy-home ul, span#live-healthy-home li {list-style: none;}

span#live-healthy-home {float: left; position: relative; display: block; padding: 10px 0px 0px 0px; height:400px;}
span#live-healthy-leftcol {float: left; position: relative; display: block;}
h1#live-healthy-head {float: left; position: relative; width: 450px;}
P#live-healthy-copy {float: left; position: relative; clear: left; width: 390px; font: normal 12px/18px "Arial", sans-serif; text-align: justify; color: #887e6f;}
span#authors-menu-right {float: left; position: relative; display: block;}

ul#authors-menu {float: left; position: relative; width: 390px; display: block; padding: 0px; margin: 0px;}
ul#authors-menu li {float:left; position: relative; width: 390px; display: block; list-style: none; padding: 0px 0px 15px 0px; margin: 0px;}
ul#authors-menu li.first {padding-top: 0px;}
ul#authors-menu li a {border: 0px; }

ul#authors-desc {position: absolute; width: 390px; height: 366px; top:0px; left:0px; background-color: #e5ecf9; padding: 0px; margin: 0px; z-index: 99; border-radius: 15px;}
ul#authors-desc li#dupin, ul#authors-desc li#slayton, ul#authors-desc li#brace {position: relative; float: left; width: 390px; height: 366px;  padding: 0px; margin: 0px; list-style: none; z-index: 99;}

h1.author-desc-head {float:left; position: relative; width: 380px; display: block;}
p.author-desc-copy {float: left; position: relative; width: 360px; font: normal 12px/15px "Arial", sans-serif; color: #75787e; text-align: justify; padding:0px 0px 10px 10px; margin: 0px 0px 0px 0px;}
p.author-desc-copy a {color: #005596; font-weight: bold; text-decoration: underline; border: 0px;}
p.author-desc-copy a:hover {color: #333;}
h3.author-recent {float: left; position: relative; width: 360px; font: bold 18px "Arial", sans-serif; color: #005596; text-align: left; padding:0px 0px 5px 10px; margin: 0px; text-transform: uppercase;}

ul.author-recent-list{float: left; position: relative; display: block; width: 380px; white-space: nowrap; padding: 0px 0px 0px 10px; margin: 0px;}
ul.author-recent-list li {float: left; position: relative; padding: 0px 0px 0px 0px; width:380px;margin: 0px; list-style: none; white-space: nowrap;}
ul.author-recent-list li a {color: #005596; border: 0px; text-decoration: underline; float: left; position: relative; display: block;}
ul.author-recent-list li a:hover {color: #333;}
ul.author-recent-list li.facebook {padding-top: 35px;}
ul.author-recent-list li.facebook img {margin-top: -10px; margin-right: 5px; float: left; position: relative; display: inline-block; clear: none;}

div#author-bio, div#post-content {color: #887e6f;}
div#author-bio a {color: #005596; border: 0px; text-decoration: underline;}

a#bio-back {float: left; position: relative; display: block;}

/* === Global ID ====================================================== */
#logo {margin:1.5em 0 2em 0;}
#logo a {border:none;}

ul#navigation li a.order-online-but {float: left; position: relative; border: 0px; color: #FFF; width:111px; padding: 3px 0px 5px 0px; display: block; font: bold 13px "Arial", sans-serif; background-color: #69b358; text-align: center; text-indent: 0px; margin-top:-4px; margin-left: 15px;}
ul#navigation li a.order-online-but:hover {background-color: #88bfe8;}
#nav-wrapper {margin-bottom:1em;}
ul#navigation {margin:0;padding:0;}
ul#navigation li {float:left; list-style-type:none;  }
ul#navigation li a {height:13px; display:block; text-indent:-9999px; outline:none;border:none; }
li#nav-order a, li#nav-about a, li#nav-franchise a, li#nav-loc a, li#nav-live a, li#nav-news a { background:url("/img/navigation/bar.gif") }

li#nav-order a {background-position:0 0; width:126px;left:0;}
li#nav-order a:hover {background-position:0 -13px;}
li#nav-order a.current {background-position:0 -13px;}

li#nav-about {margin-left: -12px;}
li#nav-about a {background-position:-126px 0; width:79px; left:126px;}
li#nav-about a:hover {background-position:-126px -13px;}
li#nav-about a.current {background-position:-126px -13px;}


li#nav-nutr a {background: url('/img/navigation/bar-menu-nutru.jpg') no-repeat 0px 0px; width:169px; left:205px;}
li#nav-nutr a:hover {background-position:0px -13px;}
li#nav-nutr a.current {background-position:0px -13px;}

li#nav-loc a {background-position:-311px 0; width:111px; left:311px;}
li#nav-loc a:hover {background-position:-311px -13px;}
li#nav-loc a.current {background-position:-311px -13px;}

li#nav-live a {background-position:-422px 0; width:122px; left:422px;}
li#nav-live a:hover {background-position:-422px -13px;}
li#nav-live a.current {background-position:-422px -13px;}

li#nav-news a {background-position:-544px 0; width:133px; left:544px;}
li#nav-news a:hover {background-position:-544px -13px;}
li#nav-news a.current {background-position:-544px -13px;}

li#nav-franchise a {background-position:-677px 0; width:112px; left:677px;}
li#nav-franchise a:hover {background-position:-677px -13px;}
li#nav-franchise a.current {background-position:-677px -13px;}

#flash-footer {margin-bottom:20px;}
#newsletter {background:#FFF url("/img/newsletter_bg.gif") bottom left repeat-x;border:1px solid #62B857;padding:2px;margin-top:1.5em;margin-bottom:1.5em;vertical-align:middle;}
#newsletter label {color:#62B857;text-transform:uppercase;font-weight:normal;margin:0.2em 0.5em 0.1em 0;padding:0;}
#newsletter-form {border:1px solid #62B857; background:none; width:175px;color:#a7d29b;padding-left:2px;margin:1px 0 0 0;}
#newsletter-submit {border:none; background:none;color:#62B857;display:inline;padding:0;margin-left:0.5em;font-size:1em;}
#footer-nav {margin-bottom:1em;padding-bottom:0;height:1em;text-align:center;}
#footer-nav ul {}
#footer-nav ul li {}
#footer-nav ul li a {color:#908D5A;padding:0 0.67em 0 1.5em;border:none;}
#footer-nav ul li a.leaf {background:url("/img/green_leaf.png") 0% 50% no-repeat;}

#flash-home {width:630px; height:380px;}

/* === Global Classes ====================================================== */
ul.inline {display:block;}
ul.inline li {display:inline;}
.right {text-align:right;}
.center {text-align:center;margin-right:auto;margin-left:auto;}
.left {text-align:left;}
.super-quiet {color:#AAA;}
.dk-green, .dk-green:hover, .dk-green:link, .dk-green:focus {color:#62B857;}
.lt-green, .lt-green:hover, .lt-green:link, .lt-green:focus {color:#A7D29B;}
.lt-blue, .lt-blue:hover, .lt-blue:link, .lt-blue:focus {color:#79B1E0;}
.gold, .gold:hover, .gold:link, .gold:focus {color:#908D5A;}
.orange, .orange:hover {color:#FAB427;}
.bg-dk-green {background:#62B857;}
.bg-lt-green {background:#A7D29B;}
.bg-lt-blue {background:#79B1E0;}
.bg-gold {background:#908D5A;}
.bg-orange {background:#FAB427;}
.upper {text-transform:uppercase;}
.download-pdf {padding:0 0 0 20px;margin-bottom:1em;background:url("/img/pdf.gif") left top no-repeat;color:#62B857;}
.download-pdf a {color:#62B857;font-size:1em;border:none;text-decoration:none;font-weight:bold; }
.download-pdf a:hover {color:#A7D29B;}
.apply-online {padding:0 0 0 20px;margin-bottom:1em;background:url("/img/mouse.png") left top no-repeat;color:#62B857;}
.apply-online a {color:#62B857;font-size:1em;border:none;text-decoration:none;font-weight:bold; }
.apply-online a:hover {color:#A7D29B;}
.architech-sketch {height:500px;background:url("/img/architect_sketch.jpg") bottom right no-repeat;}
.error h1, .error h2, .error h3, .error h4, .error h5, .error h6 {color:#8a1f11;}
.box {color:#276192;}
.box ul {padding:0;margin:0;}
.box ul li {margin:0 0 1em 0;padding:0;font-size:1.25em;list-style:none;}
.box ul li p {font-size:0.75em;color:#AFB3BB;}
.box a {color:#276192;text-decoration:underline;border:none;}
.box a:hover {text-decoration:none;}


/* === Forms ====================================================== */
fieldset {border:none;padding:0;}
legend {font-size:1.1em;}
label {font-weight:normal;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #62B857;color:#666;font-family:Helvetica,Arial,sans-serif;font-size:1em;font-size:1em;}
select {width:230px;padding:4px;}
input.text, input.title {width:218px;padding:5px;}
textarea {width:218px;height:75px;padding:5px;color:#666;font-family:Helvetica,Arial,sans-serif;font-size:1em;}
input[type=submit] {background:#FFF url("/img/newsletter_bg.gif") bottom left repeat-x;color:#62B857;padding:5px;display:block;border:1px solid #62B857;}


.span-22-r {width:870px;margin:0; position: relative; height:1%; overflow: visible;}
div.franchise-form-line { width:600px; float:left; position: relative;}
div.franchise-form-line input, div.franchise-form-line select, div.franchise-form-line textarea {color:#666;}
div.franchise-form-line label {float:left; position:relative; width:160px; padding-top: 10px;}
div.franchise-form-line textarea, input  {resize: none;}
div.franchise-form-line-submit {width:394px; height:40px; padding:20px 0px 0px 0px; float: left; position: relative;}
div.franchise-form-line-submit input#franchise-submit {float:right; position:relative;}
div.franchise-form-line-submit img {float:right; position:relative; display: none;}

div#nutrition {float: left; position: relative;}
div#nutrition p.gold {position: absolute; top:0px; right: 0px; z-index: 99; width:140px;}

div#menu-items {text-align: right;}
/* === Nutrution ====================================================== */
#nutr-container {min-height:550px;}
ul.nutr-main {margin:0 0 1em 0;padding:0 0 0.5em 0;}
ul.nutr-main li {list-style:none;padding:0;margin-bottom:0.5em;}
ul.nutr-main li a {border:none;}
ul.nutr-main li a:hover {border:none;}
ul.nutr-main li.active-arrow img {}
ul.nutr-secondary {display:none;margin:0;padding:0px;}
ul.nutr-secondary li {list-style:none;list-style-type:none;font-size:1.1em;padding:0 ;margin:0 0 0.4em 0;width:230px;}
ul.nutr-secondary li a {border:none;padding:0;margin:0;}
ul.nutr-secondary li.active-arrow img {vertical-align:text-bottom;}
li.active-arrow {}
li.active-arrow a {font-weight:bold;text-decoration:none;border:none;}
li.active-arrow a:hover {font-weight:bold;text-decoration:none;border:none;}
table#nutrition-table{margin-top:10px 0 0 0; border:1px solid #908D5A; border-collapse:collapse;width:200px; clear: none;}
#nutrition-table tr.small-hr td{border-bottom:4px solid #908D5A}
#nutrition-table tr.large-hr td{border-bottom:6px solid #908D5A}
#nutrition-table th{background-color:transparent; padding:3px; border:0;font-weight:bold; font-size:1.5em;color:#908D5A;}
#nutrition-table td{padding:3px;border:0; border-bottom:1px solid #908D5A; text-align:left;color:#908D5A}
#nutrition-table td.dv{font-weight:bold; text-align:right;font-size:1.2em;color:#908D5A;}

div#dl-box {background-color:#e5ecf9; border-top-left-radius:50px; border-bottom-right-radius:50px; -webkit-border-top-left-radius: 50px; -webkit-border-bottom-right-radius: 50px; -moz-border-radius-topleft: 50px; -moz-border-radius-bottomright: 50px; padding:40px; margin-bottom:30px;}
div#dl-box a {color: #887E6F;}
div#dl-box a:hover {text-decoration: underline;}
table#nutrition-recommendations{margin-top:10px 0 0 0; width:300px; text-align: center}
#nutrition-recommendations th{padding:3px; border:0;font-weight:bold; font-size:1.2em;color:#79B1E0; text-align: center}
#nutrition-recommendations td{padding:2px; border:0; text-align: center}
h3.title{color:#79B1E0; font-weight: bold}

/* === News ====================================================== */
.news-header {border-bottom:2em solid #A7D29B;margin-bottom:1.5em;}
.news-item {border-top:2px dotted #CCC;border-left:2px dotted #CCC;border-right:2px dotted #CCC;padding:1em 1.5em;}
.news-item p {display:block;}
.news-item p.download-pdf a {color:#908D5A;}
.news-item-title {font-size:2.25em;margin:0.5em 0 0.25em 0;font-weight:bold;}


/* === Locations ====================================================== */
dl.locations {}
dl.locations dt {font-size:1.2em;margin-bottom:0em;font-weight:normal;}
dl.locations dt a {color:#79B1E0;border:none;font-weight:bold;overflow:auto;}
dl.locations dt a:hover {color:#507594;border:none;}
dl.locations dt a img {vertical-align:text-bottom;}
dl.locations dd {display:none;font-weight:normal;}
#map_canvas {display:block;height:350px;border:1px solid #999;}

/* === New Locations 9/14 + ====================================================== */
.locations-page {min-height: 550px;}
.locations-page a, .locations-page a:active, .locations-page a:visited {text-decoration: none; border: 0px;}
.locations-page ul#locations-ul {float: left; position: relative; width: 300px; text-align: left; display: block; margin: 0px; padding: 0px;}
.locations-page ul#locations-ul li {float: left; position: relative; list-style: none; display: block; clear: left;}
.locations-page ul#locations-ul li h3 {float: left; position: relative; padding: 20px 0px 5px 0px; margin: 0px; font: bold 16px "Arial", sans-serif; text-transform: uppercase;color: #88bce3; }
.locations-page ul#locations-ul li a {color:#908d5a; font: bold 16px "Arial", sans-serif; text-decoration: none;}
.locations-page ul#locations-ul li a:hover,.locations-page ul#locations-ul li a.active {color: #88bce3; padding-right: 30px; background: url(/img/llc-active-arrow.jpg) no-repeat center right;}
.locations-page ul#locations-ul li.cs {color: #72c267; font: normal 12px "Arial", sans-serif; cursor: default; background: none; width: 300px;}

div#initial-location-information {float: left; position: relative;}

.locations-page div.location-content {float: left; position: relative; display: block; width: 560px; padding:20px 0px 0px 10px;}
.locations-page div.location-content h1.glyph {float: left; position: relative; display: block; width: 400px; color: #88bfe8; font: normal 29px "Arial", sans-serif; padding:0px 0px 0px 30px; background: url(/img/llc-head-arrow.jpg) no-repeat 0px 8px;}
.locations-page div.location-content h1 {float: left; position: relative; width:255px; display: block; white-space: normal; color: #88bfe8; font: normal 29px "Arial", sans-serif; padding:0px 0px 0px 0px;}

.locations-page p.init-img {clear: left; float: left; position: relative;}

.locations-page div.location-header {float: left; position: relative; width: 560px; min-height: 40px; display: block; }

.locations-page a.place-order {float: left; position: relative;  display: block; padding: 10px 0px 10px 0px; width:139px; text-align: center; font: bold 14px "Arial", sans-serif; color: #FFF; text-decoration: none; /* Old browsers */ background: -moz-linear-gradient(top, #77c964 0%, #66ac56 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77c964), color-stop(100%,#66ac56)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #77c964 0%,#66ac56 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #77c964 0%,#66ac56 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #77c964 0%,#66ac56 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77c964', endColorstr='#66ac56',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #77c964 0%,#66ac56 100%); /* W3C */}
.locations-page a.place-order:hover {background: #89bfe5;}

.locations-page div.location-map {float:left; position:relative; width: 392px; height:351px; border: 1px solid #bbb; position: relative; float: left;}
.locations-page div.location-data-wrap {float: left; position: relative; width: 150px; padding: 0px 0px 0px 15px;}

.locations-page ul#location-data {float: left; position: relative; width: 150px; margin: 0px; padding: 0px;}
.locations-page ul#location-data li {float: left; position: relative; width: 150px; list-style: none; clear: left;}
.locations-page ul#location-data h3 {float: left; position: relative; width: 150px; display: block; color: #89bfe5; font: normal 14px "Arial",sans-serif; text-transform: uppercase; padding: 20px 0px 0px 0px; margin: 0px;}
.locations-page ul#location-data h3.first {padding:0px;}

/* === FAQ ====================================================== */
dl#faq {}
dl#faq dt {font-size:1.2em;margin-bottom:0.25em;font-weight:normal;}
dl#faq dt a {color:#79B1E0;border:none;font-weight:bold;}
dl#faq dt a:hover {color:#507594;border:none;}
dl#faq dd {display:none;}

/* === Love Letters ====================================================== */
#loveLetters {position:relative;}
#frmLoveLetters-wrapper {width:356px;height:510px;position:relative;margin:0 auto 0 220px;z-index:1000;}
#frmLoveLetters {background:url("/img/love/form-bg.gif") bottom left no-repeat;width:356px;height:510px;}
#frmLoveLetters #message {position:absolute;bottom:100px;left:30px;border:none;background:none;padding:0;font-size:14px;line-height:21px;font-family:georgia,times,serif;width:285px;height:275px;color:#000;overflow:hidden;}
#frmLoveLetters #name {position:absolute;bottom:70px;left:25px;border-bottom:2px solid #005596;font-family:georgia,times,serif;border-top:none;border-left:none;border-right:none;background:none;padding-bottom:4px;font-size:1em;width:140px;}
#frmLoveLetters #lblName {position:absolute;bottom:53px;left:80px;}
#frmLoveLetters #email {position:absolute;bottom:70px;right:25px;border-bottom:2px solid #005596;font-family:georgia,times,serif;border-top:none;border-left:none;border-right:none;background:none;padding-bottom:4px;font-size:1em;width:140px;}
#frmLoveLetters #lblEmail {position:absolute;bottom:57px;right:80px;}
#frmLoveLetters #btnSubmitLetter {background:url("/img/love/btn-send.gif") top left no-repeat;width:139px;height:22px;border:none;position:absolute;bottom:15px;right:25px;}
#frmLoveLetters input.error, #frmLoveLetters textarea.error {padding:0;margin-bottom:0;}

#frmLoveLetters-wrapper #messageSuccess {font-size:2em;position:absolute;top:100px;}

#errors {}
#errors ul li label.error  {padding:0;border:none;}

#love-letter {position:absolute;top:55px;left:0;}

/* === Franchising ====================================================== */
ul#franchising-nav {list-style:none;list-style-type:none;padding:0;margin:2em 0 0 0;}
ul#franchising-nav li {padding:0;margin:1em 0;list-style:none;list-style-type:none;}
ul#franchising-nav a {color:#79B1E0;border:none;font-weight:normal;text-transform:uppercase;font-size:16px;}
ul#franchising-nav a:hover {color:#507594;border:none;}
dl.q-and-a {}
dl.q-and-a dt {color:#79B1E0;font-weight:bold;margin-bottom:0.25em;}
dl.q-and-a dd {margin:0 0 1em 0;}
h4.steps {font-weight:bold;margin-bottom:0.5em;}

/* === Hacks ====================================================== */